JQuery Ajax与UI对话框 - JQuery Ajax with UI Dialog

JQuery Ajax with UI Dialog

本文关键字：对话框 UI Ajax JQuery | 更新日期: 2023-09-27

我基本上有一个主smarty模板，一个订单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代码，只是把简单的文本，把所有的页面做的是重新加载。我真不知道该怎么办，有人能帮帮我吗?由于

$('.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;