网站建设案例行业现状,fuzzz的wordpress模板,自助wap建站,最佳磁力搜索引擎$.ajax()代码模板
jQuery实现ajax语法为#xff1a;$.ajax({})#xff0c;其中{}为对象#xff0c;对象里面的key键是固定的#xff0c;比如:
1、type: 表示请求方式#xff0c;一般为post或get 2、url表示请求的地址 3、contentType表示发送信息至服务器时内容编码类型…$.ajax()代码模板
jQuery实现ajax语法为$.ajax({})其中{}为对象对象里面的key键是固定的比如:
1、type: 表示请求方式一般为post或get 2、url表示请求的地址 3、contentType表示发送信息至服务器时内容编码类型 4、data表示发送到服务器的数据 5、dataType表示预期服务器返回数据的类型如textjsonxml等等类型 6、success表示请求成功后的回调函数 7、error自动判断 (xml 或 html)。请求失败时调用此函数等等 例如 $.ajax({//请求方式type:post,//请求地址url:02ajax.php,//发送信息至服务器时内容编码类型contentType: application/x-www-form-urlencoded;charsetutf-8, //传递的数据data:{username:username,password:password},//预期服务器返回数据的类型如textjsonxml等等dataType:json,//请求成功success:function(data){console.log(data);},//请求失败打印错误信息。error : function(e){console.log(e.status);console.log(e.responseText);}})$.ajax()验证登录案例代码
!DOCTYPE html
htmlheadmeta charsetutf-8titlejQuery实现ajax/titlestyle typetext/css.login{margin: 100px;}#info{width: 240px;background-color:orange;display: none;overflow: hidden;}#btn{width:100px;font-weight: bold;margin-left: 100px;}/style/headbodydiv classlogintable border0 cellspacing10px cellpaddingtrtd colspan2p idinfo/p/td/trtrth用户名/thtdinput typetext name idusername//td/trtrth密nbsp;nbsp;nbsp;码/thtdinput typetext name idpassword //td/trtrtd colspan2input typebutton idbtn value登录//td/tr/table/divscript srcjquery.js/scriptscript typetext/javascript$(function(){$(#btn).click(function(){var username$(#username).val();var password$(#password).val();$.ajax({//请求方式type:post,//请求地址url:02ajax.php,//传递的数据data:{username:username,password:password},//预期服务器返回数据的类型如textjsonxml等等dataType:json,//请求成功success:function(data){var info$(#info);info.css(display,block);//前面的dataType:json,已经把json格式转化为js对象所以可以直接调用对象来获取后端传过来的值info.html(提示:data.tips);//定时器过4秒隐藏提示信息setTimeout(function(){info.style.displaynone;},4000)},//请求失败打印错误信息。error : function(e){console.log(e.status);console.log(e.responseText);}})});})/script/body
/htmlPHP后端响应代码
?php
//判断请求方式
if(!empty($_POST)){
$uname$_POST[username];
$pw$_POST[password];
}
else{$uname$_GET[username];$pw$_GET[password];
}
$tips;
if($uname123$pw456){$tips登录成功正在跳转请稍等...;
}
else{$tips用户名或密码错误;
}
//将数据封装成json格式传给$.ajax()的success方法
echo {username:.$uname.,password:.$pw.,tips:.$tips.};
?实现效果 账号密码输入正确的时候 输入错误的时候
