我是 ajax 新手,正在尝试让以下脚本正常工作。我只想从 json 对象中获取信息并将其打印到文档中。
这是名为 companyinfo.json 的 JSON 文件:
{
'id':1,
'name':'Stack'
}
Ajax 请求如下所示:
ar xhr = false;
var xPos, yPos;
$(function(){
var submitButton = $("#dostuff");
submitButton.onclick = sendInfoRequest;
});
function sendInfoRequest (evt) {
if (evt) {
var company1 = $("#companyInput1").val;
var company2 = $("#companyInput2").val;
}
else {
evt = window.event;
var company = evt.srcElement;
}
$.ajax({
url : 'companyinfo.json',
dataType: 'json',
data: company1,
success: function(data) {
console.log(data);
var items = new Array ();
$.each(data, function(key, val) {
items.push('<li id="' + key + '">' + val + '</li>');
});
}
});
return false;
}
console.log(data.id);
从简单开始。我只是通过 console.log data.id 来查看脚本是否从 json 文件返回了值。
要将其写入文档,我会执行类似的操作,在上面的回调函数中调用 showContents 函数:
function showContents(companyNumber) {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
var outMsg = xhr.responseXML;
$("." + data.companyName.toLowerCase + companyNumber).innerHTML(data.companyName)
}
else {
var outMsg = "There was a problem with the request " + xhr.status;
}
}
}
我对 Ajax 还很陌生,但希望这有意义。谢谢
最佳答案
如果你想得到一些东西,我认为你应该添加
type:"GET"
在你的 $.ajax 上它应该看起来像这样。
$.ajax({
url : 'companyinfo.json',
dataType: 'json',
type:"GET",
contentType: "application/json; charset=utf-8",
data: company1, //What is your purpose for adding this?
success: function(data) {
console.log(data);
var items = new Array ();
$.each(data, function(key, val) {
items.push('<li id="' + key + '">' + val + '</li>');
});
}
});
关于javascript - 简单的ajax请求,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9833612/