项目中的应用,先看来自jQuery API1.3的介绍。
通过 HTTP 请求加载远程数据。
jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。
$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。详细参数选项见下。
注意: 如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml")。错误的 MIME 类型可能导致不可预知的错误。见 Specifying the Data Type for AJAX Requests 。
注意:如果dataType设置为"script",那么在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)
jQuery 1.2 中,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时,jQuery 将自动调用回调函数。
我的应用,主要是在load一个jsp页面时,即时加载下拉框select的内容。
对应的jsp页面:
<select id='state' style="width: 154px" name="m.state"></select>
jsp对应的js页面代码:
$(document).ready(function () {
loadStateForQuery();
});
function loadStateForQuery() {
$.ajax({
url: contextPath + '/icmgr/icInfoItem/loadState.action',//请求的URL
data: {dictTypeId:'PC_STATE'},//传递给action的参数
async: false,
dataType: 'json',
success: function(records) {
$.each(records, function(index, value) {
var opt = $('<option></option>').attr('value', value.dictId).text('[' + value.dictId + ']' + value.dictName);
opt.appendTo($('#state'));
});
}
});
$('#state').append($('<option value=""></option>').attr('selected', 'selected'));
}
请求的action部分:
/**
* ajax 调用
* @return
*/
public String loadState() {
List<JfDictBean> list = icInfoItemService.findDictByDictTypeId(dictTypeId);
JSONArray json = JSONArray.fromObject(list);
writePlainText(json.toString());
return NONE;
}
分享到:
相关推荐
资源名称:jQuery Ajax应用解析 中文WORD版内容简介:本文档主要讲述的是jQuery Ajax应用解析;jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写Javascript...
jquery ajax应用解析大全
本文实例总结了jQuery AJAX应用。分享给大家供大家参考,具体如下: AJAX 是指一种创建交互式网页应用的网页开发技术。 AJAX=异步JavaScript和XML(标准通用标记语言的子集)。 AJAX是一种用于创建快速动态网页的...
有需要的朋友可以下载参考一下,vue本身没有ajax功能要配合axios才行, 在不用这个的话就可以用jquery配合实现
工作之余写的一些Ajax应用,有6个Demo,数据库为mysql,使用之前看readme.txt。javascript与jquery混用。无刷新购物车、输入提示、表格局部刷新、xml实时数据更新、划词解释。
初学ajax的可以看看,Jquery实现AJAX 应用
J2EE中JSON+Jquery_AJAX应用分享给大家
jQuery 的Ajax应用 jQuery操作表格 jQuery插件
jquery Ajax应用--利用js后台调用代码刷数据库
NULL 博文链接:https://teddywang.iteye.com/blog/717987
springMVC jQuery ajax交互的简单的应用,一个可以参照的文件
资源名称:J2EE中JSON Jquery_AJAX应用 中文PDF版内容简介:本文档主要讲述的是J2EE中JSON Jquery_AJAX应用;主要是描述使用JSON JQuery_AJAX实现页面动态加载与页面表单数据的异步保存。首先页面通过调用JQuery_...
jQuery之ajax应用,用jquery的各种提交方式
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
ajax 开发 必备文件 jquery ajax开发 一般处理程序ajax开发 应用
一、jQuery中Ajax的调用(需要引用jQuery代码库)。 方法1: 复制代码 代码如下:$.get(url, function(data) { //deal with the data }); 方法2: 复制代码 代码如下:jQuery.post( url, [ data ], [ success(data, ...
jQuery的ajax在CI框架中的应用
jquery-ajax的应用jquery-ajax的应用