Question

我是ajax的新手，发现了一个我无法解决的问题。我在index.html上有一个带有输入“ID”的表单和一个getdata.php，它将使用该ID来完成一个URL并使用XPath来提取该URL的内容。

我想使用ajax来避免页面刷新（也许这不是最好的方法，如果是这种情况我会接受其他建议）但是当我点击提交按钮时没有显示，如果我使用形式没有ajax它工作正常。我的代码是：

的Ajax

<script type="text/javascript">
    $(function () {
        $('button[type=submit]').click(function (e) {
            e.preventDefault();
            $.ajax({
                type: "POST",
                url: "getdata.php",
                data: $("#getlist").serialize(),
                beforeSend: function () {
                      $('#list').html('<img src="728.GIF" />');
                },
                success: function (data) {
                      $('#list').html(data);
                }
            });
        });
    });
</script>

形式

<form class="form form-inline form-multiline" enctype="multipart/form-data" method="POST" action="" id="getlist">
   <br>
   <div class="form-group col-md-offset-4">
       <label for="id">ID</label>
       <input type="text" class="form-control" id="id" name="id" placeholder="e.g 2071">
   </div>
   <br>
   <div class="panel panel-primary">
      <div class="panel-heading">
         <h3 class="panel-title">List</h3>
      </div>
   </div>
   <div class="form-group col-md-offset-4" id="list" name="list"></div>
   <div class="col-md-12 text-right">
       <br>
       <button type="submit" class="btn btn-primary btn-default"><span class="glyphicon glyphicon-fire"></span> Submit</button>
   </div>

ajax提交不显示数据

0 个答案: