您的位置：首页 > Web前端 > JavaScript

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

2014-05-05 11:31 344 查看

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

服务器端：

<?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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： json javascript 跨域解析

相关文章推荐

新的分享

章节导航