Méthode d'implémentation de transmission de données json avec php+jquery-js tutoriel-php.cn

Méthode d'implémentation de transmission de données json avec php+jquery

php中世界最好的语言

Libérer： 2018-04-26 14:45:22

original

2346 Les gens l'ont consulté

Cette fois, je vais vous présenter la méthode d'implémentation de php+jquery pour transférer des données json. Quelles sont les précautions pour que php+jquery transfère des données json. Ce qui suit est un cas pratique, prenons un. regarder.

Page html :

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
 $(function(){
   $("#send").click(function(){
    var cont = $("input").serialize();
    $.ajax({
      url:'ab.php',
      type:'post',
      dataType:'json',
      data:cont,
      success:function(data){
       var str = data.username + data.age + data.job;
       $("#result").html(str);
    }
  });
 });
 });
</script>
</head>
<body>
<p id="result">一会看显示结果</p>
<form id="my" action="" method="post">
 <p><span>姓名：</span> <input type="text" name="username" /></p>
 <p><span>年龄：</span><input type="text" name="age" /></p>
 <p><span>工作：</span><input type="text" name="job" /></p>
</form>
<button id="send">提交</button>
</body>
</html>

Copier après la connexion

Page php :

<?php
header("Content-type:text/html;charset=utf-8");
    $username = $_POST[&#39;username&#39;];
    $age = $_POST[&#39;age&#39;];
    $job = $_POST[&#39;job&#39;];
    $json_arr = array("username"=>$username,"age"=>$age,"job"=>$job);
    $json_obj = json_encode($json_arr);
    echo $json_obj;
?>

Copier après la connexion

Utilisez la méthode post

<script type="text/javascript">
 $(function(){
 $("#send").click(function(){
   var cont = {username:$("input")[0].value,age:$("input")[1].value,job:$("input")[2].value};
   var url = 'ab.php';
   $.post(url,cont,function(data){
    var res = eval("(" + data + ")");//转为Object对象
   var str = res.username + res.age + res.job;
  $("#result").html(str);
  });
 });
 });
</script>

Copier après la connexion

Je crois que vous l'avez maîtrisée après lire le cas dans cet article Pour des méthodes plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

AJAX utilise un proxy, JSONP et un domaine (avec code)

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!