1. 程式人生 > >ajax 跨域請求處理

ajax 跨域請求處理

我們主要是採用json傳輸資料的方式處理

JSONP(JSON with Padding)是一個非官方的協議,它允許在伺服器端整合Script tags返回至客戶端,通過javascript callback的形式實現跨域訪問(這僅僅是JSONP簡單的實現形式)

<!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" />
<meta http-equiv="refresh" content="url=https://www.serve888.com/serve888/chatClient/chatbox.jsp?companyID=217">
<title>服務中心</title>
<style>
html,body{margin:0;padding:0;}
</style>
<script type="text/javascript" src="scripts/jquery.js"></script>
</head>

<body>
<script language="javascript" type="text/javascript">

$(function(){
	var url = "http://program/test/test.php?username=laobi&jsoncallback=?";
	$.ajax({
		url: url,
		type: 'GET',
		dataType: 'json',
		//timeout: 1,
		success: function(data){
			alert(data.status);
		}
	});
});

</script>

</body>
</html>

test.php
$arr = array('username'=>trim($_GET['username']),'status'=>'1');

echo trim($_GET['jsoncallback']).'('.json_encode($arr).')';


輸出