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 个答案: