如何使用jQuery调用动态更新getJSON url?

时间:2017-12-07 16:39:48

标签: jquery getjson

我正在开发模式流来收集用户的信息。第一个网址是/ choose-setting,第二个是/ choose-language。单击“下一步”按钮后,会向第一个网址发出请求,该网址会传回第二个问题的内容和表单,选择一种语言,最后更新getJSON网址,以便再次单击“下一步”时,会请求第三个问题,等等。

在下面的代码片段中,我的php发送回一个带有新javascript的数组,以替换脚本标记中的内容---使用javascript更新自己。

在开发控制台(Chrome)中,当我点击“下一步”按钮时,它显示第二个网址正在按预期调用,然后由于某种原因再次调用第一个网址。此外,/ choose-language url中的模态内容不会替换/ choose-setting内容。

一,我的技术是一种合理的方法吗?二,如果是,发生了什么以及如何达到预期的行为?

谢谢。

<div id="btn-jscript">
<script>
$(document).ready(function(){
$("#nextBtn").click(function(){
$.getJSON("/event/create/modal/choose-setting", function(content){
   $("#modal-label").replaceWith(content.header);
   $("#form-content").replaceWith(content.body);
   $("#btn-jscript").replaceWith(content.jscript);
  });
 }); 
});   
</script> 
</div>

dev console showing the unexpected behavior

0 个答案:

没有答案