php - 带有 UI 对话框的 JQuery Ajax

Question

我基本上有一个主 smarty 模板、一个 order smarty 包含、一个 js 和一个 php 文件。基本上，当有人单击订单中的按钮时，我试图创建一个 ajax 弹出窗口。我遇到了困难，页面只重新加载，我不知道我做错了什么。所以主页面有jquery，jquery ui，包含的js弹出文件脚本。js文件中的代码是

$(document).ready(function() {
$('.ajax-open').click(function(){
    $.ajax({
            type: "POST",
            url: "/scripts/pop-order.php",
            data: string,
            success: function(data) {
                 $( "#dialog" ).dialog({    
                    width:400,
                    resizable: false,
                    autoOpen: true 
                    });     
                 }
         });
});
});

我的订单模板中有这个<button class="ajax-open" >open this shizznizzle</button>

我的 php 里面有一个 Div id="dialog"，然后里面有一堆 php 代码。我还尝试取出所有 php 代码，然后将简单的文本放入所有页面所做的就是重新加载。我真的不知道在这里做什么，有人可以帮忙吗？谢谢

Answer 1

$('.ajax-open').click(function(e){

    //note the e in the function(e)

    e.preventDefault(); //don't go to default URL

或者，您可以在最后返回 false

$('.ajax-open').click(function(e){

    return false;