ajax查詢無法正常工作

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查詢在google map中搜索城市。但是我的ajax查詢無法正常工作。它無法打開給定的url。

Answer 1

您的“提交”按鈕位於html表單內。 單擊此按鈕時，需要阻止整個表單發布，以便能夠運行Ajax。 嘗試這個...

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

除此之外，Mayk指出的也是正確的。 發送城市的參數需要有一個名稱。 通過這兩個更改，您的代碼在調用.Net中創建的Http Handler時對我有用。

ajax查詢無法正常工作

問題描述

1 個解決方案

解決方案1
0 2016-07-01 13:18:40

ajax查詢無法正常工作

問題描述

1 個解決方案

解決方案1 0 2016-07-01 13:18:40

解決方案1
0 2016-07-01 13:18:40