Question

用jquery ajax获取页面数据。设置个button，点击button就能显示所需要提取的页面数据。详细如下补充

所给页面地址为10.16.61.60:90/solr/core2/select?q=phrase:hard%20drive&wt=json&indent=true&rows=6&start=5
打开后页面内容如下，现在要提取下面所有的"index"和"phrase"对应的数组
{
"responseHeader":{
"status":0,
"QTime":2,
"params":{
"indent":"true",
"start":"1",
"q":"phrase:hard drive",
"wt":"json",
"rows":"3"}},
"response":{"numFound":10974,"start":1,"docs":[
{
"index":"33484",
"phrase":"sata-ii hard drive",
"_version_":1483830132040794129},
{
"index":"40546",
"phrase":"combo hard drive",
"_version_":1483830132421427224},
{
"index":"40650",
"phrase":"x1 hard drive",
"_version_":1483830132426670094}]
}}
求代码求详解

Answer 1

success:function(data){
    //如果ajax的dataType为json则忽略这一步
    var json = eval("("+ data +")");
    
    //这里的docs有多个，对应的需要循环取出，这里只取出了第1个，索引从0开始
    //如果无误的话，值应为33484
    alert(json.response.docs[0].index);
}

追问

前面还要设置什么代码吗？在web 前端显示不出来这数据。怎样才能完整显示。我自己添了$.ajax({
type: "GET",
url: ‘",
dataType: "json",

追答

前面需加载jquery基本库

ajax本身就是异步请求，数据返回回来就是在内存中，html肯定不会显示

你如果设置了dataType: "json"就不需要第一步，直接var json = data;就可以了

要把数据显示到html页面上，先拼接一些字符串
var html = json.response.docs[0].index;

再将他插入到当前页面的某个html元素中
例如页面有个div

$("#target").html(html);

Answer 2

这是个 json 数组！用js 就可以直接操作 json数组 。

Answer 3

success:function(data){
data.response.docs.each(function(i,item){
console.log(item);
})

}