ajax操作mysql_AJAX实现数据的增删改查操作详解【java后台】

本文实例讲述了AJAX实现数据的增删改查操作。分享给大家供大家参考，具体如下：

主页：index.html

编号：

姓名：

性别：男：女：

年龄：

15

16

17

18

19

20

21

22

23

24

25

身高：

体重：

编号：

编号	姓名	性别	年龄	身高	体重

编号：

编号：

姓名：

性别：男：女：

年龄：

15

16

17

18

19

20

21

22

23

24

25

身高：

体重：

/*

var x = $("#queryResult").html();

for(var i=0; i < 20 ; i++) {

x += '

';

}

$("#queryResult").html(x);*/

function submit() {

var pno = $("#pno").val();

var name = $("#name").val();

var sex = $('input[name="sex"]:checked').val();

var age = $("#age").val();

var height = $("#height").val();

var weight = $("#weight").val();

var data={

"pno":pno,

"name":name,

"sex":sex,

"age":age,

"height":height,

"weight" : weight

}

$.ajax({

type : "post",

url : "Hello",

data : data,

cache : true,

async : true,

success: function (data ,textStatus, jqXHR){

if(data.code == 200){

alert("插入成功了");

}else{

alert(data.message);

}

},

error:function (XMLHttpRequest, textStatus, errorThrown) {

alert(typeof(errorThrown));

}

});

}

function query() {

var pno = $("#pno_query").val();

var str = ["编号","姓名","性别","年龄","身高","体重"];

$.ajax({

type : "post",

url : "HelloQuery",

data : {

"pno": pno

},

cache : true,

async : true,

success: function (data ,textStatus, jqXHR){

//data = $.parseJSON(data);

var j = 0;

var x = 1;

//for(var i=1; i <20; i++) {

for(var p in data){//遍历json对象的每个key/value对,p为key

console.log(data[p]);

if(j == 6) {

j = 0;

x++;

}

$("#queryResult tr:eq("+x+") td:eq("+j+")").html(data[p]);

console.log(data[p]);

j++;

}

//}

},

error:function (XMLHttpRequest, textStatus, errorThrown) {

alert(typeof(erro