Rumah >hujung hadapan web >tutorial js >ajax的三种实现方式

ajax的三种实现方式

亚连
亚连asal
2018-05-10 10:33:122514semak imbas

AJAX是前端进行数据交互的必备技能,通过使用AJAX可以实现页面无刷新访问,为用户带来更好的体验。

Jquery的ajax实现

load方法

1 实现load方法中只有url参数的效果

load(url)

20161120195955098.jpg

2 load方法中带三个参数 url data  function

20161120200020426.jpg

第一个参数 url:表示请求路径

第二个参数 传递数据

第三个参数 接收到servlet返回的相关的数据,里面有三个数据值

第一个是 servlet返回内容

第二个是 状态码描述 success

第三个是 XMLHttpRequest对象

$.get()

发送get请求

20161120200036551.jpg

$.post()

发送post请求

20161120200053332.jpg

写法

 $.post(url,{“name”:值},function(data,status) {… })

第一个参数是 :请求url地址

第二个参数是 :传递的数据

第三个参数是:回调函数(data:表示返回数据;status:表示返回状态码描述)

$.ajax()


发送异步操作

   20161120200110094.jpg


常用的参数:

type:设置提交方式 get 还是 post

dataType:设置返回数据的格式

url: 设置请求路径

data:传递参数 name=值&name2=值

success:请求成功之后,绑定回调函数

   有两个参数 data:表示返回数据;stauts表示返回状态码描述

以上是我整理的ajax配合jquery三种实现方式,希望今后会对大家有所帮助。

相关文章:

Ajax的概念和优势

jQuery+Ajax验证用户名

PHP 实例 - AJAX 实时搜索的相关知识

Atas ialah kandungan terperinci ajax的三种实现方式. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:PHP图片简单上传功能详解Artikel seterusnya:Ajax的概念和优势