Ajax提交表单并接收json实例代码

时间：2017-11-22 16:39:20|栏目：AJAX|点击：次

实现点击按钮后，数据以表单形式提交至服务器，并接收来自服务器的返回数据。过程中页面不刷新。

html代码

<head>

</head>

<body>

<p>xingming:<input type="text" name="xingming"/></p>

<p>nianling:<input type="text" name="nianling"/></p>

</form>

ajax提交

</button>

</body>

</html>

js代码

function mysubmmit(){

$.ajax({

type: "POST",

url: "testajaxend.php",

data: $('#form1').serialize(),

async: false,

success: function(databack){

//console.log("chenggong");

console.log(databack);

error: function(request){

console.log("shibaile");

}

});

}

后端php代码

<?php

$name = $_POST['xingming'];

$age = $_POST['nianling'];

$myarray = array("name"=>$name, "age"=>$age);

$myjson = json_encode($myarray);

echo $myjson;

栏目：AJAX

本文地址：https://www.qireyouxi.com/AJAX/37.html