JavaScript异步提交数据

1.在Controllers添加控制器IndexController。(控制器的名字可以自定义!)
2.在控制器添加视图。有一个弹出框选项的布局页不用勾选。
3.跳转到视图。插件是bootstrap-4.1.3-dist/css/bootstrap.min.css。没有的自己去找。
4.然后写你需要表达的方法。比如姓名,性别等。
5.还有在name自定义一个名字。别忘了还有id。
6.把自己需要的按钮写出来。异步get提交异步post提交
7.button按钮里的异步get提交可以自定义。
8.button按钮里的onclick可以自定义。
在这里插入图片描述

9.到script的异步get提交。写一个function。通过选择器绑定元素添加点击事件
10.用if······else语句。
11.首先创建一个作为XMLHttpRequest对象使用的XMLHttp变量。把它的值设置为null。
12.然后测试 window.XMLHttpRequest对象是否可用。在新版本的 Firefox, Mozilla, Opera 以及 Safari 浏览器中,该对象是可用的。
13.如果可用,则用它创建一个新对象:XMLHttp=new XMLHttpRequest()。
14.如果不可用,则检测 window.ActiveXObject 是否可用。在 Internet Explorer version 5.5 及更高的版本中,该对象是可用的。
15. 如果可用,使用它来创建一个新对象:XMLHttp=new ActiveXObject() 。
16. xhr.open(“GET”, “/index/getPersonInfor”); 提交的位置与数据。
17. 存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。
18. 每当 readyState 改变时,就会触发 onreadystatechange事件。
19. readyState 属性存有 XMLHttpRequest 的状态信息。
20. onreadystatechange事件被触发 5 次(0 - 4),对应着 readyState 的每个变化。
21. Value属性可设置或返回 Parameter, Field 或 Property 对象的值。
22. document.getElementById(“txtName”).value = obj.name; 选择id(txtName)返回在控制器的name值。
在这里插入图片描述

  1. 异步的post提交。

  2. 写一个function。通过选择器绑定元素添加点击事件。

  3. 定义变量选择id加一个value。

  4. 声明变量。在自定义一个变量为null。

  5. 使用if······else语句。

  6. XMLHttpRequest跟上述解释一样。
    在这里插入图片描述

  7. 控制器。

  8. getPersonInfor是异步get提交的。

  9. string类定义了大量操作字符串的方法,例如从字符串中提取字符或子串,或者检索字符或子串。

  10. Content属性设置或返回 元素的 Content属性的值

  11. receiveData是异步post提交的。
    在这里插入图片描述

  12. 浏览器的展示。
    在这里插入图片描述
    在这里插入图片描述

  13. 异步post提交

  14. 异步post提交。

  15. 提交的主要内容的红色圈内。
    看不懂的不要找我,问就是懒得回答!!!(手动狗头)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值