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

来源：互联网发布：sql判断是否为空编辑：程序博客网时间：2024/06/08 06:04

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

服务器端：

<?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);
    }
   });

});
});
</script>

<body>
<button>click</button>
<div id="pig"></div>
</body>
</html>

0 0