有load,get,post和ajax四个方法都可以,其中后三个直接使用$.xx调用

使用方法大致相同,这里只介绍get和post方法

--------------------------------------------------------------------------

JQuery API

jQuery.get(url, [data], [callback], [type])

jQuery.post(url, [data], [callback], [type])

jQuery.ajax(url,[settings])

----------------------------------------------------------------------------

函数的参数信息:

url,[data],[callback],[type]String,Map,Function,StringV1.0

url:待载入页面的URL地址

data:待发送 Key/value 参数。

callback:载入成功时回调函数。

type:返回内容格式,xml, html, script, json, text, _default。

----------------------------------------------------------------------------

回调函数的参数:可选

backData:返回值,可能是对象也可能是一个字符串或者js串

      默认情况由服务器返回值决定类型,但也可以根据type参数来决定格式

--------------------------------------------------------------------------

推荐使用规则:

  如果只是获取数据而不传递数据,那么使用get

    ①:jQuery.get(url)  根据实际需求对待返回的对象

    ②:jQuery.get(url, function() {

        ...........      

      })  根据实际需求对待返回的对象

  如果需要传递数据就用post方式

    ①:jQuery.post(url, data) 可以上传头像使用

    ②:jQuery.post(url, data, function(backData) {

        ..................backData类型不确定

      })

    ③:jQuery.post(url, data, function(backData) {

        ..................强制指定返回值为文本类型,但是如果返回的是json串则无法通过js操控

              解决方法:把文本类型转换成js对象,使用eval函数

                    var newData = eval( "(" + backData + ")" );

      }, “text”)

一个小例子:

强制使用文本形式获取json串

 <script type="text/javascript">

            var url = "${pageContext.request.contextPath}/test";
var params = {"test": "哈哈哈"};
$.post(url, params, function(backData) { alert(backData); //强制获取文本类型 var newData = eval("(" + backData + ")"); //转换成js对象 var res = newData.sList; //通过js操纵json对象
for (var i = 0; i < res.length; i++) {
alert(res[i]);
} }, "text"); </script>

默认方式,如果是字符串就是text类型,如果json串就是js对象

<script type="text/javascript">

           var url = "${pageContext.request.contextPath}/test";
var params = {"test": "哈哈哈"};
$.post(url, params, function(backData) { alert(backData); //这里是输出object,即js对象 for (var i = 0; i < res.length; i++) {
alert(res[i]);
} }); </script>

jQuery对ajax的支持的更多相关文章

  1. Unit02: JSON 、 使用JSON实现数据交换 、 jQuery对AJAX的支持,编码问题

    Unit02: JSON . 使用JSON实现数据交换 . jQuery对AJAX的支持 1. 编码问题 (1)发送get请求 为什么会产生乱码? ie浏览器提供的ajax对象,对中文会使用gbk来编 ...

  2. IT兄弟连 JavaWeb教程 jQuery对AJAX的支持

    jQuery对AJAX的支持 jQuery对Ajax请求的创建.发送.响应.注册数据处理函数.JSON的解析和缓存以及传参等都进行了相应的封装,同时也考虑了浏览器的兼容性问题. jQuery中对AJA ...

  3. 【JavaWeb】jQuery对Ajax的支持

    jQuery对Ajax的支持 jQuery对Ajax进行封装,提供了$.ajax()方法 语法:$.ajax(options) 常用设置项 说明 url 发送请求地址 type 请求类型get|pos ...

  4. jQuery九大选择器和jQuery对ajax的支持

    一.jQuery九大选择器 1)基本选择器: <body> <div id="div1ID">div1</div> <div id=&qu ...

  5. IT兄弟连 JavaWeb教程 jQuery对AJAX的支持经典面试题

    1.简述对Ajax的理解 AJAX是Asynchronous JavaScript and Xml异步的JavaScript和Xml.它一种用来改善用户体验的技术其实质是使用XMLHttpReques ...

  6. IT兄弟连 JavaWeb教程 jQuery对AJAX的支持经典案例

    案例需求:编写用户登陆页面的验证码模块,在用户进行登陆时,输入验证码后不需要点击提交按钮,使用AJAX异步地向服务器发送验证验证码的请求.如果验证码正确,可以点击提交按钮,如果验证码输入错误,提示用户 ...

  7. jquery ajax中支持哪些返回类型以及js中判断一个类型常用的方法?

    1 jquery ajax中支持哪些返回类型在JQuery中,AJAX有三种实现方式:$.ajax() , $.post , $.get(). 预期服务器返回的数据类型.如果不指定,jQuery 将自 ...

  8. jquery.form.js官方插件介绍Form插件,支持Ajax,支持Ajax文件上传

    jquery.form.js官方插件介绍Form插件,支持Ajax,支持Ajax文件上传 http://www.malsup.com/jquery/form/#getting-started [JQu ...

  9. jquery通过AJAX从后台获取信息并显示在表格上,并支持行选中

    不想用Easyui的样式,但是想要他的表格功能,本来一开始是要到网上找相关插件的,但是没找到就开始自己写,没想到这么简单. 后台代码:(这个不重要) public ActionResult GetDi ...

随机推荐

  1. VBS调用并监控记事本进程

    Dim flag flag=true Set WshShell = CreateObject("WScript.Shell") '创建WScript.Shell对象     Set ...

  2. Activity---弹出右侧窗口

    第一步: Activity弹出窗口的布局 <?xml version="1.0" encoding="UTF-8"?> //布局文件main_top ...

  3. docker里安装ubuntu

    使用 Ubuntu 官方镜像 Ubuntu 相关的镜像有很多,这里使用 -s 10 参数,只搜索那些被收藏 10 次以上的镜像 $ docker search -s 10 ubuntu NAME DE ...

  4. hadoop-2.3.0-cdh5.1.0完全分布式集群配置HA配置

    一.安装前准备: 操作系统:CentOS 6.5 64位操作系统 环境:jdk1.7.0_45以上,本次采用jdk-7u55-linux-x64.tar.gz master01 10.10.2.57  ...

  5. 《精通Spring4.X企业应用开发实战》读后感第五章(基于Java类的配置)

  6. Entity Framework Code-First(7):Inheritance Strategy

    Inheritance Strategy in Code-First: We have seen in the Code First Conventions section that it creat ...

  7. JavaScript学习系列2一JavaScript中的变量作用域

    在写这篇文章之前,再次提醒一下 JavaScript 是大小写敏感的语言 // 'test', 'Test', 'TeSt' , 'TEST' 是4个不同的变量名 JavaScript中的变量,最重要 ...

  8. struts2知识点汇总

    标签遍历Map<key,List<Object>> listMap=new HashMap<String,List<Student>>(); List& ...

  9. Netty 线程模型与Reactor 模式

    前言 Netty 的线程模型是基于NIO的Selector 构建的,使用了异步驱动的Reactor 模式来构建的线程模型,可以很好的支持成百上千的 SocketChannel 连接.由于 READ/W ...

  10. 图像标注工具labelImg使用方法

    最近在做打标签的工作,为了与大家参考学习,总结了在windows的环境下,基于anaconda的图像标注工具labellmg的一种使用方法! 1 搭建anaconda 以前写过怎么搭建anaconda ...