ajax实现远程通信
时间：2021-04-20 08:54:18|栏目：JavaScript代码|点击： 次
本文实例为大家分享了ajax实现远程通信，供大家参考，具体内容如下
第一个文件：html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ajax解决跨域问题</title>
<script src="jquery-3.0.0.min.js" type="text/javascript"></script>
</head>
<body>
<script>
$.ajax({
type:"POST",
url:"postDemo.php",
data:{
"url":"http://192.168.4.101:90/PHPStudy4/server.php",
"username":"admin",
"password":"admin",
},success:function(data){
var result=eval("("+data+")");
console.log(result);
}
})
</script>
</body>
</html>
第二个文件：服务器端处理数据
<?php
/**
* Created by PhpStorm.
* User: Administrator
* Date: 2016-7-21
* Time: 10:12
*/
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// echo json_encode(array("111"=>"112"));
if (isset($_POST["url"]) && isset($_POST["username"]) && isset($_POST["password"])) {
$result = postDemo($_POST["url"], array("username" => $_POST["username"], "password" => $_POST["password"]));
echo $result;
} else {
echo json_encode(array("msg2" => "!!!!!!!!!!!!!!!!!!!!!error!!!!!2"));
}
} else {
echo json_encode(array("msg" => "error!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!"));
}
function postDemo($url, $data)
{
$query = http_build_query($data);
$options = array(
"http" => array(
"header" => "Content-type: application/x-www-form-urlencoded\r\n" .
"Content-length:" . strlen($query) . "\r\n" .
"User-Agent:MyAgent/1.0/r/n",
"method" => "POST",
"content" => $query
)
);
$content = stream_context_create($options);
$result = file_get_contents($url, false, $content);
return $result;
}
//echo postDemo("http://192.168.4.101:90/PHPStudy4/server.php",array("username"=>"admin","password"=>"admin"));
其中"url":"http://192.168.4.101:90/PHPStudy4/server.php",这个url就是我们向远端的访问地址.
上一篇：想学习javascript JS和jQuery哪个重要 先学哪个
栏 目：JavaScript代码
下一篇：JS箭头函数和常规函数之间的区别实例分析【 5 个区别】
本文标题：ajax实现远程通信
本文地址：http://www.codeinn.net/misctech/104768.html
