Question

<body style="margin:0px; padding:0px;" >
            <form method="post" >
              <input type="text" id="city" name="city" placeholder="city">
              <input type="submit"  value="Search" id="searchid"/>
            </form>
        <script>
           $("#searchid").click(function() {
           var city=$("#city").val();
           $.ajax({
           type:'POST',
           data:city,
           url:'mm.php',
           success:function(data) {
           alert(data);
             }
            });
          });
         </script>

我是javascript的新手。我想使用ajax查询搜索谷歌地图中的城市。但我的ajax查询无法正常工作。它不会打开给定的网址。

Answer 1

您的“提交”按钮位于html表单中。单击此按钮时，您需要阻止发布整个表单，以便能够运行Ajax。试试这个......

<input type="submit" value="Search" id="searchid" onclick="javascript: return false;" />

除此之外，Mayk指出的也是正确的。发送城市的参数需要有名称。通过这两个更改，当调用在.Net中创建的Http Handler时，您的代码可以为我工作。

ajax查询无法正常工作

1 个答案: