Comment implémenter la fonction de communication à distance avec ajax-js tutoriel-php.cn

Comment implémenter la fonction de communication à distance avec ajax

php中世界最好的语言

Libérer： 2018-04-03 17:47:00

original

1762 Les gens l'ont consulté

Cette fois, je vais vous montrer comment ajax peut réaliser la fonction de communication à distance. Quelles sont les précautions pour qu'ajax réalise la fonction de communication à distance. Ce qui suit est un cas pratique, jetons un coup d'œil.

L'exemple de cet article partage avec vous la mise en œuvre de la communication à distance via ajax pour votre référence. Le contenu spécifique est le suivant

Le premier fichier : 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>

Copier après la connexion

Deuxième fichier : Données de traitement côté serveur

<?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"));

Copier après la connexion

Croyez Après avoir lu le cas dans cet article, vous maîtrisez la méthode. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web PHP chinois !

Lecture recommandée :

Ajax soumet des données à la base de données backend pour mettre en œuvre l'enregistrement des utilisateurs

Comment atteindre le niveau 2 avec Ajax combiné avec PHP Linkage

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!