了解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代码中引号外面就可以直接用了。
文章来源: https://blog.51cto.com/u_14196886/5819074
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报