手机
当前位置:查字典教程网 >编程开发 >AJAX相关 >ajax实现远程通信
ajax实现远程通信
摘要:本文实例为大家分享了ajax实现远程通信,供大家参考,具体内容如下第一个文件:htmlajax解决跨域问题$.ajax({type:"POS...

本文实例为大家分享了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-urlencodedrn" . "Content-length:" . strlen($query) . "rn" . "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就是我们向远端的访问地址.

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持查字典教程网。

【ajax实现远程通信】相关文章:

谈谈Ajax原理实现过程

详解ajax +jtemplate实现动态分页

asp+ajax实现静态页面分页的代码

Ajax 跨域如何实现

Ajax+smarty技术实现无刷新分页

Ajax+js实现异步交互

ajax调用简单实例

Ajax实现跨域访问的三种方法

Ajax实现无刷新三联动下拉框

JavaScript实现Ajax总结

精品推荐
分类导航