我有一个表格,其中有如下图所示的行。单击在线订单链接时,会在该行的正下方显示一个表格,如第二张图片所示。
第一张图片
第二张图片
现在我正在做的事情是在单击提交按钮时启动 ajax 请求。请求在第一个实例中是成功的。但是当再次发出请求时,它就不起作用了。它的工作原理相同<tr>
,但是当单击第二个在线订单<tr>
并在其下方加载表单<tr>
时,提交 ajax 将不起作用,
$(document).ready(function(){
var $form = $('.form'), $table = $('.table');
$table.on('click', '.link', function(e) {
e.preventDefault();
$table.find('tr.temp-row').remove();
$(this).closest('tr').after(function() {
var $tr = $('<tr class="temp-row"><td colspan="4"></td></tr>');
return $tr.find('td').html($form).end();
});
});
$("#cancel").click(function(){
$form.hide();
});
$("#submit").click(function(){
var request = $.ajax({
url: "processform.php",
type: "POST",
//data: {msg : msg},
dataType: "html"
});
request.done(function(msg) {
//$("#log").html( msg );
alert(msg);
});
request.fail(function(jqXHR, textStatus) {
alert( "Request failed: " + textStatus );
});
return false;
})
});
我的processform.php
页面只返回一些在请求它的页面中发出警报的文本。