jQuery下的ajax【5分钟掌握】

2024-06-05 07:10:49

jquery下的ajax方法

load
ajax
get
post

load（）方法

jQuery load() 方法是简单但强大的 AJAX 方法。

load() 方法从服务器加载数据，并把返回的数据放入被选元素中。

语法:

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

例如：

$("#div1").load("demo_test.txt"); //将txt文本添加到div1里面

必需的 URL 参数规定您希望加载的 URL。
可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
可选的 callback 参数是 load() 方法完成后所执行的函数名称。

显然这个方法条理不够清晰，但是胜在简单直接。

ajax（）方法

常用键值对

url //请求路径
type //请求方式
data //请求参数
success //响应成功后的回调函数
error // 响应失败后的回调函数
dataType //设置接收到的响应数据的格式

jquery下通过键值对的形式来包装，注意每个键之间用“，”隔开，但是最后一个不能加逗号

ajax方法的优势在于调理清晰，缺点在于比较麻烦

而真正比较常用的方式是get和post

两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。

GET - 从指定的资源请求数据
POST - 向指定的资源提交要处理的数据

get( )方法

$.get() 方法通过 HTTP GET 请求从服务器上请求数据。

语法：

$.get(*URL*,*callback*);

post()方法

$.post() 方法通过 HTTP POST 请求向服务器提交数据。

语法:

$.post(*URL,data,callback*);

必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。

$.post("/try/ajax/demo_test_post.php",{name:"菜鸟教程",url:"http://www.runoob.com"},function(data,status){alert("数据: \n" + data + "\n状态: " + status);});

jQuery下的ajax【5分钟掌握】相关推荐

Jquery下的Ajax调试方法
Jquery下的Ajax调试方法介绍本文介绍Jquery下的Ajax调试方法:很多调试方法,就是一点就通,但是,在还没有通之前,会让人困惑,不知所以然: Ajax 可以为用户提供更为丰富的用户体验 ...
jQuery下的ajax之省市区三级联动
jQuery下的ajax之省市区三级联动小编提醒一下别忘了引入jQuery文件哟 HTML 所在省份:<select name="province"><opti ...
jquery下的ajax和jsonp实现与区别
json和jsonp和ajax的实质和区别 ajax的两个问题 1.ajax以何种格式来交换数据 2.跨域的需求如何解决数据跨域用自定义字符串或者用XML来描述跨域可以用服务器代理来解决 json ...
Ajax基础使用与jquery下使用ajax教程
ajax是目前项目上使用比较频繁的技术,非常的实用.本人目前做的项目中几乎都使用了ajax去后台请求数据.现在讲本人的学习笔记以及练习使用心得分享给大家,纯手打,大家多多支持.本分享为基础的ajax ...
ajax隐藏button,jquery下的ajax应用-form和button触发
使用jquery的ajax,一种是form提交,一种是button直接提交. 1. 引用 2.js脚本ajax-form.js jQuery(function($) { $('form[data-as ...
ie中用ajax提示未定义,Jquery在IE7下无法使用 $.ajax解决方法
通过查看源码发现 // Create the request object; Microsoft failed to properly // implement the XMLHttpRequest ...
关于JQuery中的ajax请求或者post请求的回调方法中的操作执行或者变量修改没反映的问题...
前段时间做一个项目,而项目中所有的请求都要用jquery 中的ajax请求或者post请求,但是开始处理一些简单操作还好,但是自己写了一些验证就出现问题了,比如表单提交的时候,要验证帐号的唯一性,所以 ...
使用jquery+json实现ajax的方法
在使用Jquery + json 的过程中由于一个小问题没有注意到,程序一直有错误.在网上找了很多JSON方面的文章但基本都是很简单的举例,所以我觉得有必要写一个完整的JQuery + json 实现 ...
Java程序员从笨鸟到菜鸟之（八十九）跟我学jquery（五）jquery中的ajax详解
Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数 ...

最新文章

热门文章