一、回顾jQuery实现的创建交互式、快速动态网页应用的网页开发技术
首先说一下创建交互式、快速动态网页应用的网页开发技术的优缺点
优点:
创建交互式、快速动态网页应用的网页开发技术使用爪哇岛描述语言技术向服务器发送异步请求;
创建交互式、快速动态网页应用的网页开发技术无须刷新整个页面;
因为服务器响应内容不再是整个页面,而是页面中的局部,所以创建交互式、快速动态网页应用的网页开发技术性能高;
jquery实现的创建交互式、快速动态网页应用的网页开发技术
index.html
!DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title title/title script src=' http : { % static ' JS/jquery-3。1 .1 .JS“% }”/脚本/head dybutton class=' send _ Ajax ' send _ Ajax/button脚本/$ .创建交互式、快速动态网页应用的网页开发技术的两种使用方式: //$.ajax(设置);//$.ajax(url,[设置]);$('.send _ Ajax’).单击(函数(){ $).ajax({ url:'/handle_Ajax/',type:'POST ',data:{username:'Yuan ',password:123},success :函数(数据){ alert(数据)},/=================================error :函数(jqXHR,textStatus,err){//jqXHR 3360 jQuery增强的xhr//textstatus 3360请求完成状态//err:底层通过扔抛出的异常对象,值与错误类型有关console.log(参数);},//========================完成===========完成:函数(jqXHR,textStatus) { //jqXHR: jQuery增强的xhr//textstatus 3360请求完成状态成功|错误控制台。日志(' statuscode :% d,statusText: %s ',jqXHR.status,jqXHR。statustext);控制台。日志(' textStatus 3360% s ',TextStatus);},//==========================================status code : { ' 403 ' :函数(jqXHR,textStatus,err) { console.log(参数);//注意:后端模拟错误方式:HttpResponse.status_code=500 },' 400 ' : function(){ } })})/script/body/HTMlView。巴拉圭
import json,time def index(request): return render(request,' index。html ')def handle _ Ajax(请求): username=request .POST.get('用户名)密码=请求开机自检。获取(“密码”)打印(用户名,密码)时间。睡眠(10)返回HttpResponse(JSON。转储('错误数据!'))$.创建交互式、快速动态网页应用的网页开发技术参数
请求参数
##################### -数据- ############数据:当前创建交互式、快速动态网页应用的网页开发技术请求要携带的数据,是一个json的目标对象,ajax方法就会默认地把它编码成某种格式(urlencoded:a=1b=2)发送给服务端;此外,ajax默认以得到方式发送请求函数testData() { $ .ajax('/test ',{ //此时的数据是一个json形式的对象数据:{ a:1,b:2 }