使用JQ的AJAX json前後端傳值例項(POST方式) | PHP Ajax傳值示例
阿新 • • 發佈:2021-01-03
使用JQ的AJAX 以json資料方式將前端輸入框值傳入到後端例項
(POST方式)
PHP Ajax傳值示例
將程式碼示例優化到最簡單的方式
前端
/test/test.html
<html> <head> <title>test_json</title> <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script> </head> <body> <inputtype='text' id='Text1' /><br /><br /> <input type='button' value="提交" onclick="ajax_post()"/><br /><br /> <script> function ajax_post(){ $.ajax({ url: "/test/test_post.php", //請求的url地址 dataType:"text", //返回格式為string async: true,//請求是否非同步,預設為非同步,這也是ajax重要特性 data:{ "code":document.getElementById("Text1").value, }, //引數值 { "json": json } type: "POST", //請求方式 success: function(msg) { alert(msg); } }); } </script> </body> </html>
後端
/test/test_post.php
<?php var_dump($_POST); ?>
實際效果
這裡主要實現了前後端資料的互動,前端可以直接提取到後端資料。
例如:註冊的時候判斷使用者是否已被註冊,使用者名稱密碼是否正確等等