Jquery加载链接而不是返回false

时间:2010-12-29 21:32:16

标签: jquery json

这是jquery代码:

   $('.edit-function').click( function() {
       $.getJSON( $(this).attr('href'), function(data) {
               $('input[name=add-name]').val(data.name);
             });
       return false;
       });
   });

问题是我每次运行它而不是更新当前页面上的表单值,它从attr转到url。我做错了什么?

1 个答案:

答案 0 :(得分:4)

您在发布的代码中有一个额外的});,它应该是:

$('.edit-function').click( function() {
   $.getJSON( $(this).attr('href'), function(data) {
      $('input[name=add-name]').val(data.name);
   });
   return false;
});

此外,请确保在元素位于页面后附加click处理程序(如果您希望 阻止导航,event.preventDefault()是更好的选择),像这样:

$(function() {
  $('.edit-function').click(function(e) {
    $.getJSON($(this).attr('href'), function(data) {
      $('input[name=add-name]').val(data.name);
    });
    e.preventDefault();
  });
});