当我从控制台调用 AA.sendRequest() 时，我的代码工作正常，但当我从 onclick 调用它时则不行:
<a href="/b/Technology" onclick="AA.sendRequest()">Technology</a>
由于某种原因，它进入错误函数。
文本状态=“错误” 错误抛出=“”
这是一个非常基本的测试:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="assets/AA.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<a href="login.php" onclick="AA.sendRequest('id');">login</a>
</body>
</html>
Javascript:
// JavaScript Document
var AA;
AA = (function() {
function AA() {}
// Request functions
function sendRequest(){}
AA.sendRequest = function(id){
$.ajax({
url: "login.php",
type: "GET",
dataType: "text",
success: function(data){
alert("yay");
},
error: function(jqXHR, textStatus, errorThrown){
alert("status:"+textStatus+", "+errorThrown);
}
});
return false;
}
return AA;
})();
最佳答案
如果没有上下文，就很难确定您要实现的目标。但是，以下内容应该有效:
var AA = {};
AA.sendRequest = function(id){
$.ajax({
url: "/ajaxPage/b/Technology",
type: "GET",
dataType: "text",
success: function(data){
alert("yay");
},
error: function(error){
alert(error);
}
});
return false;
};
在 HTML 中:
<a href="/b/Technology" onclick="AA.sendRequest('someId')">Technology</a>
关于javascript - 从 onclick 调用时 $.ajax 不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10093513/