当ajax代码在按钮单击内时,ajax返回错误

时间:2015-05-08 16:11:51

标签: javascript php jquery ajax

当代码放在document.ready()函数中时,点击url的Ajax代码工作正常。但是当相同的代码放在按钮点击功能里面就绪fun()ajax url会返回错误。

代码:

<script>
    $(document).ready(initialize);
    function initialize() {
        $(".storage").click(function(){
             $.ajax({
                  cache:    false,
                  type:     "GET",
                  async:    true,
                  dataType: "JSON",
                  url:      "urllink",
                  data:     { apiKey: "apikey" },
                  success:  function(results) { 
                       alert(" Disk Array URL hit");
                  }
                  error:    function(xhr)     { alert("Error!") } });
             });
        }
  </script>

  <input type="submit" value="LOAD" id="storage" class="storage" >

1 个答案:

答案 0 :(得分:0)

试试这个:

function initialize()
            {
                    $(".storage").click(function()
                    {
                            $.ajax({
                                    cache   : false,
                                    type    : "GET",
                                    async   : true,
                                    dataType: "JSON",
                                    url     : "urllink",
                                    data    : {apiKey: "apikey"},
                                    success : function(results)
                                    {
                                            alert(" Disk Array URL hit");
                                    },
                                    error   : function(xhr)
                                    {
                                            alert("Error!")
                                    }
                            });
                    });
            }
            $(document).ready(initialize);
<input type="button" value="LOAD" id="storage" class="storage" >

输入类型提交将提交一个表单,该表单不是此脚本中的预期操作..“,”在成功参数后失踪。它正在给出语法错误..