Результат выполнения AJAX запроса - открытие диалогового окна с наполненным содержимым внешней страницы.
На внешней странице по клику на кнопку происходит формирование другого AJAX запроса. Как переписать это нажатие на кнопку, которая определена самим диалоговым окном.
Сам код,
$.ajax({
url: 'test.php',
method:"POST",
data: {
val_1:val_1
},
success: function (data){
$('#my_dialog').html(data).dialog('open');
}
});
На странице test.php происходит сохранение по по кнопке:
$(".my_button").click(function () {
$.ajax({
url: 'save_new_val.php',
type: 'POST',
data: {val_2:val_2},
success: function (data)
{
}
});
});
Сам диалог "my_dialog":
$("div#my-dialog").dialog({
modal: true,
autoOpen: false,
height: "auto",
width: "auto",
position: {
my: "center",
at: "center",
of: window
},
buttons: [
{
text: "Сохранить",
click: function() {
}
},
{
text: "Отменить",
click: function() {
$(this).dialog("close");
}
}]
});
Я хочу чтоб по кнопке "Сохранить" диалогового окна происходило сохранение, а не по кнопке "my_button".
Загуглив нашел, что вроде надо как-то найти кнопку сохранить на внешней странице (в моем случае test.php) и на ней же прописать скрипт
var okBtn = $('#my-dialog.ui-dialog-buttonpane').children("button:contains('Сохранить')");
и дальше прописать сам ajax запрос (точнее фактически переписать). Но это не работает, возможно я делаю что-то не так. Просьба помочь.