AJAX结合jquery使用

前言

对于什么是ajax,首先请看我的前一篇文章 AJAX的简单使用   ,ajax的普通使用中,用的是js代码,我们都知道或者下面你将知道:jQuery是js优秀的开源框架,它的原则是 “写的更少,做的更多”。自然,在jQuery中也提供了ajax的使用方法。下面就跟我们一起看看

总概

在jQuery中,常用的使用ajax的方法有   1.load()     2.get()     3.post()

1、load()

作用:load()方法是jQuery中最为简单和常用的Ajax方法,能载入远程HTML代码并插入DOM中,通常用来从Web服务器上获取静态的数据文件

语法:

$(selector).load(URL[,data][,callback]);

1.必需的 URL 参数规定您希望加载的 URL。

        可以在URL中添加jQuery 选择器控制加载文档的内容筛选  格式如:  URL = 地址 [选择器]   (中间为空格)

2.可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。

        一般不使用

3.可选的 callback 参数是 load() 方法完成后所执行的函数名称。

        回调函数可以设置不同的参数:1.responseTxt - 包含调用成功时的结果内容     

                2.statusTXT - 包含调用的状态         3.xhr - 包含 XMLHttpRequest 对象

扫描二维码关注公众号,回复: 8817740 查看本文章

2、get()

作用:GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。(即缓存上次从数据库取得的数据,使得不频繁访问数据库)

语法:

$(selector).get(url[,callback][,type])

1.必需的 URL 参数规定您希望请求的 URL。

        如同普通get的URL一样,可在地址栏填数据

2.可选的 callback 参数是请求成功后所执行的函数

        可选的callback方法的参数有:

  • response - 包含来自请求的结果数据
  • status - 包含请求的状态
  • xhr - 包含 XMLHttpRequest 对象

3.可选的type是预计的服务器响应的数据类型。

        默认为智能选择类型,但是保险的做法是手动写上,可能的类型有:xml、html、json、text、script、jsonp

3、post()

作用:常用于 向指定的资源提交要处理的数据,不会缓存数据

注:get缓存数据,故适合做获取数据这类不频繁访问数据库的操作。post不缓存数据,故适合做提交数据这列频繁访问数据库的增删改操作

语法:

$(selector).get(url[,data][,callback][,type])

1.必需的 URL 参数规定您希望请求的 URL。

        如同普通get的URL一样,可在地址栏填数据

2.可选的data参数是要携带的数据

        格式为:{"name":"xx","age":"18"}

3.可选的 callback 参数是请求成功后所执行的函数

        可选的callback方法的参数有:

  • response - 包含来自请求的结果数据
  • status - 包含请求的状态
  • xhr - 包含 XMLHttpRequest 对象

4.可选的type是预计的服务器响应的数据类型。

        默认为智能选择类型,但是保险的做法是手动写上,可能的类型有:xml、html、json、text、script、jsonp

发布了43 篇原创文章 · 获赞 17 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/Hitmi_/article/details/98206902
今日推荐