版权声明:hxt未经允许不可转载 https://blog.csdn.net/weixin_42979840/article/details/83868194
首先将ajax写于js方法中,定义事件,让元素触发,触发之后就会有数据产生给服务端
$.ajax({
type: "POST",
url: "test.php",
data: "name=garfield&age=18",
success: function(data){
$("#myDiv").html('<h2>'+data+'</h2>');
}
});
{
"msg": "login success",
"status_code": "200",
"userlist": [{
"uname": "zhangsan",
"age": "12"
}, {
"uname": "Lisi",
"age": "22"
}]
}
function loginMethod(){
var uname=$("#uname").val();
$.ajax({
type: "POST",
dataType:"json",
url: "login.do",
data: {"uname":uname,"oper":"ajaxlogin"},
success: function(data){
//回调成功函数
var msg=data.msg;
var list=data.userlist;
$("#msg_span").html('<font color="red">'+msg+'</font>');
var info="";
//展示列表信息
for(var i=0;i<list.length;i++){
var u=list[i];
//拼接返回信息
info+="<div style='color:green'>"+u.uname+"</div>";
}
$("#user_list").html(info);
},
error:function(){
$("#msg_span").html('<font color="red">network connect error</font>');
}
});
}