如何使用jQuery $.ajax获取json文件
How to get a json file with jQuery $.ajax?
我正在做一些大学考试测试,要求我从对象中的href的url获取JSON文件。在此之后,我需要用JSON文件上的信息动态更改html,所以我想我需要使用$.ajax()或$.get()方法。
我在堆栈溢出上发现了几个代码,但似乎没有什么对我有用,我可以让我的代码只使用$.load()方法工作,而其他方法什么也不做,还有. addclass (), . removeclass()和event.preventDefault()工作得很好。
下面是我的代码: $(document).ready(function()
{
$("nav li a").click(function(event)
{
$("nav li a").not(this).removeClass("active");
$(this).addClass("active");
$("#ris").load($(this).attr('href')); //this work
$.ajax({url: $(this).attr('href'), dataType: "json", //this give the alert
success: function(result)
{$("#ris").html(result);},
error: function(){alert("Error");}
});
$.get($(this).attr('href'), function(json) { //this doesn't work
$("#ris").html(json);
});
$.getJSON($(this).attr('href'), function(json){ //this doesn't work
$("#ris").html(json);});
event.preventDefault();
});
});
html:我只把nav项放在这里,#ris在页面的末尾
<nav>
<li><a href="./Asia.json">Asia</a></li>
<li><a href="./Europa.json">Europa</a></li>
<li><a href="./America.json">America</a></li>
<li><a href="./Africa.json">Africa</a></li>
</nav>
现在我只是把结果放在#ris中看看它是否有效。但是我不明白为什么我不能对任何方法进行有效的get调用。
编辑:服务器永远不会收到JSON文件的GET请求。(服务器日志)您应该发布一个类似api的数据并读取如下响应;
$.post("your_json_response_address", {"you_can_post":"anything"}, function(data){
console.log(data);
$("#ris").html(data);
//code what you want...
})
相关文章:
- 如何使用 Node JS 获取 JSON 嵌套数组值
- 使用Javascript/JQuery获取JSON GET数据
- 在jQuery中获取JSON
- 如何使用jQuery按键搜索和获取json行数据
- 如何使用jquery获取Json的节点
- 通过字符串获取JSON对象
- 通过Azure存储以HTML形式获取JSON文件
- 获取JSON并使用Javascript解析为字符串
- 如何在angular中获取json对象的名称
- 如何使用angular获取json对象的名称
- 如何使用Ajax JQuery.ech()获取JSON值
- 可以't通过从googlemapapi获取json值
- 获取json结果的身份验证问题
- Javascript:获取 JSON 中的值计数
- 按服务获取JSON数据
- 如何使用javascript获取json元素
- 从javascript文件中获取JSON,并使用NodeJS在路由文件中显示
- 如何从给定的代码中获取JSON对象
- 获取 JSON 数据将数组项添加到变量
- 如何从具有动态可观察属性的淘汰对象中获取 JSON 字符串