js跨域访问获取json数组并解析

最新推荐文章于 2021-06-09 18:40:13 发布

weizunde

最新推荐文章于 2021-06-09 18:40:13 发布

阅读量1.5k

点赞数 1

分类专栏： JQuery 文章标签： json javascript 跨域解析

本文链接：https://blog.csdn.net/weizunde/article/details/25037079

版权

JQuery 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

跨域访问需要在服务器端配置，客户端才能够访问

服务器端：

<?php

//服务端返回JSON数据
$arr="[{'quesTitle':'关于专利申请','quesAskTime':'2013-12-10 10:14','detailUrl':'http://star.sgst.cn/questionDetail.do?id=49601'},{'quesTitle':'寻找专利代理人帮助回答发明专利实审回答。','quesAskTime':'2013-12-05 15:50','detailUrl':'http://star.sgst.cn/questionDetail.do?id=49564'}]";
$result=$arr;
//动态执行回调函数
$callback=$_GET['callback'];
echo $callback."($result)";
?>

客户端：

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<script type="text/javascript">
$(function(){
$("button").click(function(){
$.getJSON("http://1.wcs1.sinaapp.com/services.php?callback=?",
   function(result) {
       alert(result);
    var json=eval(result);
    for(var i=0;i<json.length;i++)
    {
      alert(json[i].quesTitle);
   alert(json[i].detailUrl);
    }
   });