我正在开发模式流来收集用户的信息。第一个网址是/ 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>