Maison > Article > interface Web > Méthode d'implémentation de transmission de données json avec php+jquery
Méthode d'implémentation de transmission de données json avec php+jquery
- php中世界最好的语言original
- 2018-04-26 14:45:222347parcourir
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>
Page php :
<?php
header("Content-type:text/html;charset=utf-8");
$username = $_POST['username'];
$age = $_POST['age'];
$job = $_POST['job'];
$json_arr = array("username"=>$username,"age"=>$age,"job"=>$job);
$json_obj = json_encode($json_arr);
echo $json_obj;
?>
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>
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!