复制代码
网站建设哪家好，找成都创新互联公司！专注于网页设计、网站建设、微信开发、微信平台小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了千阳免费建站欢迎大家使用！
代码如下:
script
src="jquery-1.9.1.js"/script
script
type="text/javascript"
$('#txtUserName').focus(function
()
{
$('#txtUserName').val('');
})
$('#txtPassWord').focus(function
()
{
$('#txtPassWord').val('');
})
$('#txtUserName').blur(function
()
{
if
($('#txtUserName').val()
=='')
{
$('#txtUserName').val('用户名不能为空');
//重新获得焦点
//
$('#txtUserName').focus();
}
})
$('#txtPassWord').blur(function
()
{
if
($('#txtPassWord').val()
==
'')
{
$('#txtPassWord').val('密码不能为空');
}
})
$('#btnSubmit').click(function
()
{
if
($('#txtUserName').val()
==
'admin'
$('#txtPassWord').val()
==
'888888')
{
alert('登陆成功！');
}
else
{
alert('登陆失败！');
}
})
})
/script
/head
body
用户名：input
id="txtUserName"
type="text"
value="请输入用户名"
/br
/
密
码：input
id="txtPassWord"
type="text"
value="请输入密码"
/br
/
input
id="btnSubmit"
type="button"
value="btnSubmit"
/
/body
$.ajax({
url: "Ajax/OriginFileAjax.ashx",//提交地址
type: "POST",//提交方式
data: { name: p_name, password: p_password },//p_开头的参数是页面获取到的没有p开头的是在后台获取的名称 参数可以是多个的 async:true,//是否同步的意思
success: function(msg) {//msg 返回值
jquey是不支持post方式跨域的.为啥呢?
虽然采用post+动态生成iframe是可以达到post跨域的目的，但这样做是一个比较极端的方式,不建议采用.
也可以说get方式的跨域是合法的,post方式从安全角度上,被认为是不合法的, 万不得已还是不要剑走偏锋..
// 登陆
function loginAjax(param) {
var self = this;
$.ajax({
type: 'post',
url: '/user/login',
dataType: 'json',
data: param,
success: function(data) {
},
error: function(error) {
console.log(error);
}
})
}
1.以上是一个登录的Ajax方法，参数说明
url: 请求的链接地址
data: 请求的参数 以json格式传递 例如：{username: 'name', password: '123456'}
type: 请求方法 常用的是 get 或者post ， 默认为get请求。
dataType: 预期服务器返回的数据类型
2.以下是jQuery官方文档中的一段ajax请求代码：
$.ajax({
type: "POST",
url: "some.php",
data: "name=Johnlocation=Boston",
success: function(msg){
alert( "Data Saved: " + msg );
}
});
