$ .getJSON裏面沒有工作$（ '＃'）。點擊（函數（）

Question

是新來jquery.I我在Django使用jQuery做一些Ajax。

$(document).ready(function() { 
    $.getJSON('/jsonserver/', function(json){ 
    alert("JSON Data: " + json); 
    }); 

以上的jQuery爲我工作。當我把同樣的點擊功能按鈕，它調用URL成功，但警報不會顯示。

$(document).ready(function() { 
      $('#save').click(function(){   
      $.getJSON('/jsonserver/', function(json){ 
      alert("JSON Data: " + json); 
       }); 

      }); 
    }); 
<form method ="POST" method =/jqueryserver/ name ="form1" id ="form1"> 
    <input type= "submit" id = "save" name ="save" value ="Save" /> 
</form> 

view.py

def jsonserver(request): 
    print "...jsonserver..." 
    json = simplejson.dumps('hello world!') 
    return HttpResponse(json, mimetype = 'application/json') 

Answer 1

因爲$("#save")是一個提交按鈕，單擊該按鈕將提交表單並刷新頁面。

你想要做的是「劫持」，通過阻止瀏覽器的默認事件觸發。

，可以這樣進行：

$('#save').click(function(e) { 
    e.preventDefault(); 
    $.getJSON('/jsonserver/', function(json){ 
     alert("JSON Data: " + json); 
    }); 
});