suchen

Heim  >  Artikel  >  Web-Frontend  >  Implementierungsmethode zur Übergabe von JSON-Daten mit PHP+JQuery

Implementierungsmethode zur Übergabe von JSON-Daten mit PHP+JQuery

php中世界最好的语言
php中世界最好的语言Original
2018-04-26 14:45:222431Durchsuche

Dieses Mal werde ich Ihnen die Implementierungsmethode von PHP+JQuery zum Übertragen von JSON-Daten vorstellen. Was sind die Vorsichtsmaßnahmen für PHP+JQuery zum Übertragen von JSON-Daten? sehen.

HTML-Seite: 

<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>

PHP-Seite: 

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

Verwenden Sie die Post-Methode 

<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>

Ich glaube, Sie haben die Methode gemeistert, nachdem Sie den Fall hier gelesen haben Artikel, spannender Bitte achten Sie auf andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

AJAX verwendet Proxy, JSONP und Domain (mit Code)

Das obige ist der detaillierte Inhalt vonImplementierungsmethode zur Übergabe von JSON-Daten mit PHP+JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php json jquery ajax html 封装 JS
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：AJAX verwendet Proxy, JSONP und XHR2, um domänenübergreifend zu erreichenNächster Artikel：AJAX verwendet Proxy, JSONP und XHR2, um domänenübergreifend zu erreichen

In Verbindung stehende Artikel

Mehr sehen