将html追加到JQUERY AJAX调用的末尾

将html追加到JQUERY AJAX调用的末尾,jquery,ajax,append,Jquery,Ajax,Append,我正在尝试做一些事情,在互联网研究之后,我不清楚我是否能做到。我想在脚本的末尾添加一个模式的HTML,所有这些都在AJAX成功调用中。这可能吗?以下是我尝试过的代码: 函数选项(){ jQuery.ajax({ 键入:“post”, url:my_ajax.ajax_url, 数据:{ 操作:“test2\u更新\u函数” }, 成功:功能(数据){ jQuery(“#myModal”).show(函数(){ //获取模态 var modal=document.getElementById(“m

我正在尝试做一些事情,在互联网研究之后,我不清楚我是否能做到。我想在脚本的末尾添加一个模式的HTML,所有这些都在AJAX成功调用中。这可能吗?以下是我尝试过的代码:

函数选项(){
jQuery.ajax({
键入:“post”,
url:my_ajax.ajax_url,
数据:{
操作:“test2\u更新\u函数”
},
成功:功能(数据){
jQuery(“#myModal”).show(函数(){
//获取模态
var modal=document.getElementById(“myModal”);
//获取打开模式对话框的按钮
var btn=document.getElementById(“myBtn”);
//获取关闭模态的元素
var span=document.getElementsByClassName(“关闭”)[0];
//当用户单击该按钮时,打开模式对话框
btn.onclick=函数(){
modal.style.display=“块”;
}
//当用户单击(x)时,关闭模式对话框
span.onclick=函数(){
modal.style.display=“无”;
}
//当用户单击模式之外的任何位置时,将其关闭
window.onclick=函数(事件){
如果(event.target==模态){
modal.style.display=“无”;
}
}
}
/*>>>关闭。显示*/
).append('×;

); jQuery(“#我的数据”).html(数据);//添加此行 ; } }); }
我想你的意思是这样的

$(函数(){
$(“正文”)。附加(`
&时代;

`)如果你必须的话 $(“#btn”)。在(“单击”,函数(){ $(“#模态”).show() }) $(“#模态”)。在(“单击”,“关闭”,函数()上){ $(“#模态”).hide(); }) $(文档)。在(“单击”)上,函数(e){ 如果($(e.target).最近(#模态”).长度==0){ $(“#模态”).hide() } }) }) 函数选项(){ $.ajax({ 键入:“post”, url:my_ajax.ajax_url, 数据:{ 操作:“test2\u更新\u函数” }, 成功:功能(数据){ $(“#我的数据”).html(数据);//添加此行 $(“#myModal”).show() } }); }

&时代;


有没有一种方法可以将html包含在函数中,这样它就不会被分开?您的附加没有附加到任何有用的内容上。看起来您是在id=“myModal”的内容后面添加了一个id=“myModal”的div,我更新了它以将其添加到加载中,但这不是必需的。感谢您试图将html保留在success函数中,所以它是在一个位置。我不推荐这样做。他们没有真正的联系。保持演示文稿不被执行