jQuery Ajax調用不成功

Question

我在Javascript和jquery中有以下代碼

function abc() {

    alert("called 1");

    $.ajax({
        url: "abc.htm",
        context: document.body
    }).done(function () {
        alert("done");
    });
}

和我的HTML按鈕代碼如下

<input type="button" value="click" onclick="return abc();" />

由於某種原因，ajax調用不成功。 我已將所需的jquery文件添加到頁面中。

請幫忙謝謝。

Answer 1

您無需將任何內容返回到html標記的onclick處理程序。 只需像這樣調用abc（）

<input type="button" value="click" onclick="abc();" />

另外，如果您想要更精確的錯誤處理，則可以使用錯誤和成功的ajax函數。

function abc() {alert("called 1");
        $.ajax({
            url: "abc.htm",
            context: document.body,
            success: function (data, status, xhr ) {
                console.log(data.SomeValue);
            },
            error: function (xhr, status, error) {
                console.log(error);
            } 
        }).done(function () {
            alert("done");
        });
    }

Answer 2

像這樣修改它...

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert("called 1");
$.ajax({url:"abc.htm",success:function(result){
$("#div1").html(result);
}}).done(function(){alert("d")});
});
});
</script>
</head>
<body>

<div id="div1"></div>
<button>Get External Content</button>

jQuery Ajax調用不成功

問題描述

2 個解決方案

解決方案1
0 2014-07-20 18:02:24

解決方案2
0 已采納 2014-07-20 18:02:57

jQuery Ajax調用不成功

問題描述

2 個解決方案

解決方案1 0 2014-07-20 18:02:24

解決方案2 0 已采納 2014-07-20 18:02:57

解決方案1
0 2014-07-20 18:02:24

解決方案2
0 已采納 2014-07-20 18:02:57