AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。什么是 AJAX?AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。 关于 jQuery 与 AJAXjQuery 提供多个与 AJAX 有关的方法。通过 jQuery AJAX 方法,您能够使用 HT...
原文:从零开始学习jQuery (六) AJAX快餐本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (五) 事件与事件对象从零开始学习jQuery (六) jQuery中的Ajax从零开始学习jQuery (七) jQuery动画-让页面动起来!从零开始学习jQuery (八) 插播:jQuery实施方案从零开始学习jQ...
//1.jquery ajax<script type="text/javascript">$(function(){var basePath = $("#basePath").val();//上架操作 $("#upAll").click(function(){var chk_value =""; $(‘input[name="ckID"]:checked‘).each(function(){chk_value += $(this).val()+","; });if(chk_value ==""){alert("请选择需要上架的项!!");return;}else{if(!confirm("确定上架吗?")){return;}}var addNetworkId = $("#addNetworkId").val();//al...
sync是否异步url请求地址contentType发送信息至服务器时内容编码类型data发送到服务器的数据dataType预期服务器返回的数据类型type请求类型success请求成功回调函数error请求失败回调函数 $.ajax({url: "/jquery/test1.txt",type: ‘post‘,data: {id: 1},success: function(data) {alert(data);}} 原文:http://www.cnblogs.com/wade1220/p/7182707.html
第6章 jQuery与Ajax的应用jQuery对Ajax操作进行了封装,在jQuery中$.ajax()方法属于最底层的方法,第2层是load()、$.get()和$.post()方法,第3层是$.getScript()和$.getJSON()方法。1、load()方法(1)载入HTML文档load()方法是jQuery中最简单和常用的Ajax方法,能载入远程HTML代码并插入DOM中。它的结构为:load(url [, data] [, callback]) 参数说明: url:请求HTML页面的URL地址; data(可选):发送至服务...
function test() { $.ajax({ type:‘GET‘, url:"tt.php", data:"page=112", success:function(msg) { alert(msg); } }) } </script> <a onclick="test()">test</a>/*ie下面只会建立一次 ajax 请求,将响应结果放在浏览器缓存里 下次调用该ajax请求时 从缓存里读取...
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script src="js/jquery-1.7.2.js"></script></head><body><form action=""><select name="college" id="...
$.ajax()-终极模式(企业常用)作用:jQuery对ajax的终极支持!!!# 最高频使用的8个参数:
参数对象中的属性:1.url:字符串,表示异步请求的地址2.type:字符串,请求方式:get或post3.data:传递到服务器端的参数1、字符串:"name=geng&age=18"2、js对象:{name:‘geng‘,age:18csrf:}4.dataType:字符串,响应回来的数据的格式1.‘html‘2.‘xml‘3.‘text‘4.‘script‘5.‘json‘6.‘jsonp‘ //有关跨域的响应格式5.success:...
$(function(){ $(‘#btn‘).click(function(){ var obj = $(this); //has_click 防止重复多次点击 var has_click = obj.attr(‘has-click‘); if(has_click == ‘1‘){ return; } obj.attr(‘has-click‘,‘1‘); var url = ‘‘; var content = ‘‘; $.ajax({ type:‘post‘, url:url,...
Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程。测试环境:部署到Tomcat中的web项目。本文演示的是:jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可选参数项对象 ajaxForm()和ajaxSubmit()的可选参数项对象 ajaxForm 和 ajaxSubmit 都支持大量的可选参数,它们通过可选参数项对象传入。可选参数项对象只是一个简单的 JavaScript对象,里边包含了一些属性和一些值:target用server...
编写具体的Ajax代码,使用jQuery框架将会节省很多的时间,当我们点击按钮的时候,将一些信息收集起来,然后通过Ajax传递到服务端,然后使用布局修改DOM来实现无刷新的效果。 要想实现ajax,先来看一下$.ajax()的一些常用属性吧: 下面通过Ajax实现登录信息的验证,先来看一下以"GET"的请求方式:jQuery代码: 1 <script type="text/javascript" src="<%=basePath%>/Js/jquery-1.8.3.js"></script>2 <script type="text/javascript"...
jquery Ajax 不执行回调函数success的原因:$.ajax({ type: "post", contentType: "application/json", url: basePath+"pages/Tongji/disposeAgree.action?cepingitem="+cepingitem+"&userrelation="+userrelation, //data: {fenshu:8},dataType: "json", success: function (result) { alert("操作成功"); ...
jquery ajax 方法及各参数详解1.$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。参数列表:参数名类型描述urlString(默认: 当前页地址) 发送请求的地址。typeString(默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。timeoutNumber设置请求超时时间(毫秒)。此设置将覆盖全局设置。asyncBoolean(默认: true) 默认...
jQuery注册方法的两种常用方式://jQuery静态方法注册
//调用方法$.a1()$.extend({a1: function () {console.log("a1");}
})
//jQuery插件方法注册
//调用方法$("#col").b1()$.fn.extend({b1: function () {console.log("b1");}
})将ajax返回的数据自动绑定到form表单中的插件,常用语修改等业务,源码如下:/*
flagName:标识绑定字段元素的属性,如data-bind是寻找绑定字段的属性:<input data-bind=‘Time‘ type=‘text‘ />
js...
本文转自:http://jun1986.iteye.com/blog/1399242 感谢他的分享$.post、$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()一、$.ajax的一般格式$.ajax({ type: ‘POST‘, url: url , data: data , success: success , dataType: dataType}); 二、$.ajax的参数描述参数 描述url必需。规定把请求发送到哪个 URL。data可选。映射或字符串值。规定连同请求发送到服务器的数据。success(data...