首頁 > web前端 > js教程 > ajax實現遠端通信

ajax實現遠端通信

韦小宝
發布: 2018-01-13 11:41:29
原創
1529 人瀏覽過

這篇文章主要介紹了ajax實現遠端通訊的相關資料,對ajax有興趣的小夥伴們可以參考一下ajax實現遠端通訊文章

本文實例為大家分享了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就是我們向遠端的存取位址.

相關推薦:

ajax同步驗證單號是否存在

js和ajax處理java後台傳回的json物件

Ajax取得資料然後顯示在頁面方法

#

以上是ajax實現遠端通信的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板