这是我试图运行的代码。
$(document).ready(function(){
$("#btn1").click(function(){
$.ajax({
url:'http://sensecan.org/wisekar/api/resource.php/resource /event?key=ma5Tfkp3ajZKPoP746sDCHdd7144&nodeId=8078&typeId=4&status=74,52',
dataType: 'json',
type: 'POST',
crossDomain:true,
contentType: 'application/json',
data: { },
success: function(data){
console.log(data);
document.getElementById("two").innerHTML = data.result.wEventId;
},
failure: function(errMsg) {
console.log(errMsg);
}
var myData = data;
myData= new Array;
});
});
});
它没有返回任何错误消息,似乎都不起作用。 这是我的第一个POST方法,所以如果我做错了什么,请免除我。我还包括了我试图这样做的网站链接。 提前致谢。我还创建了html页面,我必须在其中显示数据。代码如下。
<!DOCTYPE html>
<html>
<head>
<title>POST API</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script>
<script type="text/javascript" src="post.js"></script>
<script type="text/javascript" src="get.js"></script>
</head>
<body>
<div>
<button id="btn1">Check HTTP POST</button>
<p> Display sample output from POST API: </p>
<p id="one" >wEventId : </p>
<p id="two"> </p>
</div>
<div>
<button id="btn2">Get Data</button></br>
<p id="seven" /></br>
<p id="eight" /></br>
<p id="three" /></br>
<p id="four" /></br>
<p id="five" /></br>
<p id="six" />
</div>
</body>
</html>
我还创建了一个完全正常的get请求。
答案 0 :(得分:1)
您在post.js中的ajax脚本中的“数据”键为空。尝试传递类似data的值:{“ key”:“ value”}
答案 1 :(得分:0)
为什么你的变量&#34; myData&#34;进入$ .ajax区块......?
你的javascript代码应该是这样的,顺便说一句,在块中添加一些控制台日志以检查你要去的地方,如下所示:
$(document).ready(function(){
$("#btn1").click(function(){
console.log('launch click function!');
$.ajax({
url:'http://sensecan.org/wisekar/api/resource.php/resource /event?key=ma5Tfkp3ajZKPoP746sDCHdd7144&nodeId=8078&typeId=4&status=74,52',
dataType: 'json',
type: 'POST',
crossDomain:true,
contentType: 'application/json',
data: {"someData":"some data"},
success: function(data){
console.log('AJAX SUCCESS, data : '+data);
document.getElementById("two").innerHTML = data.result.wEventId;
},
error: function(errMsg){
console.log('AJAX FAILED, message : '+errMsg);
}
});
console.log('MYDATA VAR DECLARATION');
var myData = data;
myData= new Array;
});
});
希望有所帮助
答案 2 :(得分:0)
这是我发现的解决方案。以下是get.js
mut
});
post.js在下面。
$(document).ready(function(){
$("button").click(function()
{
var myData= new Array();
var myJSON;
$.get("http://sensecan.org/wisekar/api/resource.php/resource/datasets.json?key=ma5Tfkp3ajZKPoP746sDCHdd7144&datasetId=29&typeId=11",
function(data, status){
crossDomain: true;
myData = data;
//alert("Data: " + data +"\nStatus: " + status);
myJSON = JSON.parse(data);
//console.log(myJSON[0].datasetName);
document.getElementById("seven").innerHTML =myJSON[0].datasetId;
document.getElementById("eight").innerHTML =myJSON[0].datasetName;
document.getElementById("three").innerHTML =myJSON[0].datasetSource;
document.getElementById("four").innerHTML =myJSON[0].contributor;
document.getElementById("five").innerHTML =myJSON[0].addedOn;
document.getElementById("six").innerHTML =myJSON[0].updatedOn;
});
});
这是html文件
$(document).ready(function(){
$("#btn1").click(function(){
$.ajax({
url:'http://sensecan.org/wisekar/api/resource.php/resource/event?key=ma5Tfkp3ajZKPoP746sDCHdd7144&nodeId=8078&typeId=11&status=74,52',
dataType: 'json',
type: 'POST',
crossDomain:'true',
contentType: 'application/json',
data: { },
success: function(data){
console.log(data);
document.getElementById("two").innerHTML = data.result.wEventId;
},
failure: function(errMsg){
console.log(errMsg);
}
var myData = data;
myData= new Array;
});
});
});