ajax基础

简介: 最简单的get提交方式首先在前端页面书写一个文本框用来获取用户输入的值,再创建一个空的div框用来接收回调函数所显示的值并且都要定义一个id的属性值,因为ajax获取值和传值的时候需要用到id而不是name也不是class并且在jQuery中定义变量接收值时使用的是var2018-01-08 14-18-37 的屏幕截图.

最简单的get提交方式

首先在前端页面书写一个文本框用来获取用户输入的值,再创建一个空的div框用来接收回调函数所显示的值并且都要定义一个id的属性值,因为ajax获取值和传值的时候需要用到id而不是name也不是class
并且在jQuery中定义变量接收值时使用的是var


img_e82063fa5991653a56eb6653386eeeee.png
2018-01-08 14-18-37 的屏幕截图.png

注意

  • get请求时需要传三个参数
      1. 获取前段页面获取的值可直接赋值也可在第二个参数赋值
      1. 发送到服务器端的数据
      1. 回到函数(切记没有'()')

Post的提交方式

img_2c48fff20c0a1bbfb8f217c9a8393a1e.png
image.png
  • 第一个是访问的地址,第二个是传送的参数,第三个是回调函数
  • post提交方式可以有两个属性,也可以有三个属性
  • 两个参属性是没有参数
  • 参数由上面的内容给定
  • 参数可以是一个两个或多个,且他们均是key--value类型的,当key与value的名称一致的时候我们可以只写一个

get与post的区别

1.get请求需注意缓存问题,post请求不需担心这个问题
2.post请求必须设置Content-Type值为application/x-form-www-urlencoded
3.发送请求时,因为get请求的参数都在url里,所以send函数发送的参数为null,而post请求在使用send方法时,却需赋予其参数对于客户端代码中都请求的server.aspx

  • 在客户端使用get请求时,服务器端使用Request.QueryString来获取参数,而客户端使用post请求时,服务器端使用Request.Form来获取参数.
  • 关于服务器端获取数据,我们还可以使用一个通用的获取参数的方式即Request["username"]
相关文章
|
JSON JavaScript 前端开发
ajax基础
AJAX AJAX简介 ajax分类 ajax的语法 表示一个对象 表示一个由对象组成的数组 将java对象转换成json字符串 ajax实现过程 获取ajax对象 配置请求对象的信息 发送请求 监听Ajax引擎对象的改变是否正确做出了响应 Ajax引擎的状...
1404 0
|
Web App开发 前端开发 JavaScript
AJAX-基础
1、ajax是什么 AJAX 不是新的编程语言,而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。
782 0
|
Web App开发 JavaScript 前端开发
Ajax 基础
一:什么是 AJAX ? AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。
870 0
|
5月前
|
XML 前端开发 JavaScript
什么是Ajax和jquery
什么是Ajax和jquery
39 0
|
4月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
60 0
|
4月前
|
敏捷开发 JavaScript 前端开发
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
|
3月前
|
前端开发 JavaScript
Jquery ajax捕获错误信息
Jquery ajax捕获错误信息
16 0
|
3月前
|
JSON 缓存 前端开发
Jquery中AJAX的应用
Jquery中AJAX的应用
43 0
|
4月前
|
JSON 前端开发 JavaScript
jQuery中ajax的使用
jQuery中ajax的使用