自动化测试获取ajax对话框,自动化测试平台_前后端交互之Ajax

xhr.onreadystatechange=function() {

//判断readyState就绪状态是否为4,判断status响应状态码是否为200

if (xhr.readyState==4 && xhr.status==200) {

//获取服务器的响应结果

var responseText = xhr.responseText;

alert(responseText);

}

}

状态

描述

readyState = 0

请求未初始化:在创建XMLHttpRequest对象之后,但在调用open()方法之前

readyState = 1

请求已建立:在调用open()方法之后但在调用send()之前

readyState = 2

请求已发送:调用send()之后

readyState = 3

请求正在处理中:浏览器与服务器建立通信之后,但服务器未完成响应之前

readyState = 4

请求已完成:请求完成后,并且已从服务器完全接收到响应数据

Jquery实现方式

使用原生的 JavaScript 实现 AJAX 确实比较麻烦,而 使用 Jquery 也可以帮助我们实现这样一种需求,而且也会让我们的代码更加简洁,直观。

html中:

html代码:每个input标签都要有id值,因为ajax是通过id定位的。

kmighwwigra.png

js代码中:

31nbbtle2ph.png

ajax请求方式中的各参数:

url:这个url就是请求接口的url:/api/add_event, 需要在urls.py文件中加入这个url对应的请求函数即path(‘api/add_event/’*, *views.add_event),同时需要在views.py文件中添加函数add_event()。如下图

hrc3vs4ffjm.png

srge1lz0a5y.png

type:请求方式

tt2beddnpvz.png

dataType:设置接受到的响应数据的格式。

ldk5vykvipi.png

data:请求数据

fwwarvoxexi.png

success+function:如果请求成功,执行回调函数

t1i3y5qawgp.png

umq3qhgme5j.png

error+function:如果请求失败,执行回调函数

add_event函数的响应

mbk2aa12w3r.png

原创:https://www.panoramacn.com

源码网提供WordPress源码,帝国CMS源码discuz源码,微信小程序,小说源码,杰奇源码,thinkphp源码,ecshop模板源码,微擎模板源码,dede源码,织梦源码等。

专业搭建小说网站,小说程序,杰奇系列,微信小说系列,app系列小说

bzc2dcbw00e.jpg

免责声明,若由于商用引起版权纠纷,一切责任均由使用者承担。

您必须遵守我们的协议,如果您下载了该资源行为将被视为对《免责声明》全部内容的认可->

联系客服

投诉资源

www.panoramacn.com资源全部来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。

敬请谅解! 侵权删帖/违法举报/投稿等事物联系邮箱:2640602276@qq.com

关注我们小说电影免费看

关注我们,获取更多的全网素材资源,有趣有料!

120000+人已关注

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值