首先将ajax写于js方法中,定义事件,让元素触发,触发以后就会有数据产生给服务端php
$.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>'); } }); }