JQuery Ajax с UI Dialog

Question

У меня в основном есть основной шаблон smarty, включающий smarty include, js и php-файл. В основном я пытаюсь создать аякс, когда кто-то нажимает кнопку в заказе. У меня трудности, страница перезагружается, и я понятия не имею, что я делаю неправильно. Итак, на главной странице есть jquery, jquery ui и включенный скрипт js pop up. код в файле 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 = «диалог» в нем, а затем кучу PHP кода внутри. Я также попытался вытащить весь код php и просто поместить простой текст, чтобы все страницы были перезагружены. Im не совсем уверен, что делать здесь, может кто-то помочь? Благодаря

Answer 1

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

    //note the e in the function(e) 

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

В качестве альтернативы, вы можете вернуть ложь в конце

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

    return false;