jQuery登陸判斷簡(jiǎn)單實(shí)現(xiàn)代碼

復(fù)制代碼

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、微信平臺(tái)小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了千陽免費(fèi)建站歡迎大家使用！

代碼如下:

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('用戶名不能為空');

//重新獲得焦點(diǎn)

//

$('#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="請(qǐng)輸入用戶名"

/br

/

密

碼：input

id="txtPassWord"

type="text"

value="請(qǐng)輸入密碼"

/br

/

input

id="btnSubmit"

type="button"

value="btnSubmit"

/

/body

如何用jquery模擬用戶登錄活動(dòng)

$.ajax({

url: "Ajax/OriginFileAjax.ashx",//提交地址

type: "POST",//提交方式

data: { name: p_name, password: p_password },//p_開頭的參數(shù)是頁面獲取到的沒有p開頭的是在后臺(tái)獲取的名稱 參數(shù)可以是多個(gè)的 async:true,//是否同步的意思

success: function(msg) {//msg 返回值

js,jquery怎樣跨域登陸？

jquey是不支持post方式跨域的.為啥呢?

雖然采用post+動(dòng)態(tài)生成iframe是可以達(dá)到post跨域的目的，但這樣做是一個(gè)比較極端的方式,不建議采用.

也可以說get方式的跨域是合法的,post方式從安全角度上,被認(rèn)為是不合法的, 萬不得已還是不要?jiǎng)ψ咂h..

寫一個(gè)登錄頁面，用jQuery的ajax提交登錄信息

//?登陸

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.以上是一個(gè)登錄的Ajax方法，參數(shù)說明

url: ?請(qǐng)求的鏈接地址

data: 請(qǐng)求的參數(shù) 以json格式傳遞 例如：{username: 'name', password: '123456'}

type: 請(qǐng)求方法 ?常用的是 get 或者post ， 默認(rèn)為get請(qǐng)求。

dataType:?預(yù)期服務(wù)器返回的數(shù)據(jù)類型

2.以下是jQuery官方文檔中的一段ajax請(qǐng)求代碼：

$.ajax({

type:?"POST",

url:?"some.php",

data:?"name=Johnlocation=Boston",

success:?function(msg){

alert(?"Data?Saved:?"?+?msg?);

}

});