Question

我是jquery的新手。我在django中使用jquery做了一些ajax。

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

上面的jquery对我有用。当我在点击功能中添加一个按钮时，它会成功调用网址，但不显示警告。

   $(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);
   });
});

$ .getJSON在$（'＃'）中没有工作.click（function（）

1 个答案: