返回

了解juery----异步请求+渲染页面入门

发布时间:2023-02-16 15:07:27 251
# 前端# html# 后端# 数据# 信息

了解juery—-异步请求

从后端的角度去学习前端

发起请求:

function test(){
$.ajax({
//提交数据的类型 POST GET
type:"POST",
//提交的网址
url:"testLogin.aspx",
//提交的数据
data:{Name:"sanmao",Password:"sanmaoword"},
//返回数据的格式
datatype: "html",//"xml", "html", "script", "json", "jsonp", "text".
//在请求之前调用的函数
beforeSend:function(){$("#msg").html("logining");},
//成功返回之后调用的函数
success:function(data){
$("#msg").html(decodeURI(data));
} ,
//调用执行后调用的函数
complete: function(XMLHttpRequest, textStatus){
alert(XMLHttpRequest.responseText);
alert(textStatus);
//HideLoading();
},
//调用出错执行的函数
error: function(){
//请求出错处理
}
});

}

根据name获取Input的内容:

$('input[name="text1"]').val()

然后是如何把多参数给传到data里面去:

var x = $("input[name='phone']").val();
data: {phone:x};

解析返回的数据:

success:function (data) {
// alert(data);
var d = eval("(" + data + ")");
// alert(d);
var yzmcode = d.code;
if(yzmcode === 200){
alert("验证码发送成功");
}else{
alert("验证码发送失败");
}
}

成功之后,跳转页面:

window.open //在另一个标签页里面打开
window.location.href //在当前页面打开

请求成功之后删除或添加某些东西

$("#dengluandzhuce").prepend("退出");//添加
$("#dengluandzhuce").children().remove();//删除子元素

前端设置cookie

function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=")
if (c_start!=-1)
{
c_start=c_start + c_name.length+1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end))
}
}
return ""
}

function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : "; expires="+exdate.toGMTString())
}

function checkCookie()
{
username=getCookie('username')
if (username!=null && username!="")
{
alert('Welcome again '+username+'!')
}
else
{
username=prompt('Please enter your name:',"")
if (username!=null && username!="")
{
setCookie('username',username,365)
}
}
}

去掉cookie:

setCookie("username","",-365);

将后端返回的信息,展示到网页中:

$("#mingziorphone").prepend(""+login+"");//只要在js代码中引号外面就可以直接用了。

 

特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(0)
按点赞数排序
用户头像
精选文章
thumb 中国研究员首次曝光美国国安局顶级后门—“方程式组织”
thumb 俄乌线上战争,网络攻击弥漫着数字硝烟
thumb 从网络安全角度了解俄罗斯入侵乌克兰的相关事件时间线
下一篇
jar二次再开发步骤 2023-02-16 14:43:00