首先将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"
}]
}
json格式
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>');
}
});
}
text文本
$.ajax({
type : 'POST',
url : "/plugin/apop/check.do",
data : {
"instID" : instID,
"instCode" : instCode
},// {instID:LBUI.checkGistJSON.InstID,instCode:LBUI.checkGistJSON.FInstCode},
async : false,
dataType : 'text',
success : function(data) {
var json = JSON.parse(data.trim());
var mgs = json.message;
var success = json.success;
var JSONdata = json.datas;
var count=0;
if (JSONdata.length > 0 && JSONdata != null) {
for ( var i = 0; i < JSONdata.length; i++) {
//alert(JSONdata[i].checkDetails);
count++;
var html = " <div class='layui-colla-item'><h2 class='layui-colla-title'>" +count+"." +JSONdata[i].checkPoint
+ "</h2><div class='layui-colla-content'>"
+ JSONdata[i].checkDetails + "</div></div>";
$("#firstUL").append(html);
$('.layui-colla-content p').last().remove();
}
if(count>3){
$("#moreInfo").css("display","block");
}
}
},
error : function(data) {
alert(data);
}
});
});