ajax - 基于jQuery的示例

常用写法

$.ajax({
"url":url,
"data":data,
"type":"post",
contentType:"json",
"success":function(resp, textStatus, xmlHttp){

},
"error":function(xmlHttp, textStatus, exception){
alert(xmlHttp.status);
}
});

$.get(url, data, function(resp, textStatus, xmlHttp){

}, "json");

$.post(url, data, function(resp, textStatus, xmlHttp){

}, "json");

//jquery-ajax提交实例
$("#myform").submit(function(){
//表单序列化
var data = $("#myform").serialize();
//定义请求url
var url = "login";
//调用jquery的Ajax请求方法
$.ajax({
"data":data,
"type":"post",
"url":url,
"dataType":"json",
"success":function(resp, textStatus, xmlHttp){
$("#res").html(resp);
},
"error":function(xmlHttp, textStatus, exception){
alert(xmlHttp.status);
}
});
//取消表单的提交
return false;
});

//基本jQuery-get提交实例,和post一样,换个函数名为$.post即可
$("#myform").submit(function(){
var data = $("#myform").serialize();
var url = "login";
$.get(url,data, function(resp, textStatus, xmlHttp){
alert(resp+","+textStatus+","+xmlHttp.status);
});
//取消表单的提交
return false;
});

//基本jQuery-load提交实例
$("#myform").submit(function(){
var data = $("#myform").serialize();
var url = "login";
$("#res").load(url, data, function(resp, textStatus, xmlHttp){
//alert("hello");
alert(resp+","+textStatus+","+xmlHttp.status);
});
//取消表单的提交
return false;
});

时间: 2024-10-07 07:26:33

ajax - 基于jQuery的示例的相关文章

ajax - 基于jQuery的介绍

Ajax基础补充 XMLHttpRequest对象有以下属性和操作 属性: onreadystatechange readyState status 操作: jQuery的ajax操作,常用函数如下: $.ajax([options]) //底层的ajax方法 $.get(url, [data], [fn], [type]) //基于get的ajax $.post(url, [data], [fn], [type]) //基于post的ajax load(url, [data], [callba

基于jquery的Ajax实现 文件上传

---------------------------------------------------------------遇到困难的时候,勇敢一点,找同学朋友帮忙,找导师求助. Ajax Ajax简介 AJAX(Asynchronous Javascript And XML)翻译成中文就是"异步Javascript和XML".即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML,现在更多使用json数据). 同步交互:客户端发出一个请

基于jquery的ajax分页插件(demo+源码)

前几天打开自己的博客园主页,无意间发现自己的园龄竟然有4年之久了.可是看自己的博客列表却是空空如也,其实之前也有写过,但是一直没发布(然而好像并没有什么卵用).刚开始学习编程时就接触到博客园,且在博客园学习了很多的知识,看过很多人的分享.说来也惭愧,自己没能为园友们分享自己的所学所得(毕竟水平比较差). 过去的一年也是辗转了几个城市换了几份工作(注定本命年不太平?).八月份来到现在所在的公司(OTA行业),公司是做互联网的,所以可能大家的前端都屌屌的?之前一直从事.NET开发(现在在这边也是),

基于Jquery+Ajax+Json+高效分页

首先我们创建一般处理程序,来读取数据库中内容,得到返回值. 创建文件,GetData.ashx. 我这里是用的存储过程,存储过程会再下面粘出来,至于数据只是实例,你们可根据需求自行读取数据 代码如下: <%@ WebHandler Language="C#" Class="GetData"%> using System;using System.Web;using System.Data.SqlClient;using System.Data;using

份-城市,基于jQuery的AJAX二级联动,用Struts2整合AJAX【非数据库版】

package loaderman.provincecity; import java.io.IOException; import java.util.LinkedHashSet; import java.util.Set; import com.opensymphony.xwork2.ActionSupport; /** * 控制器 * @author AdminTC */ public class ProvinceCityAction extends ActionSupport{ priv

基于jQuery实现的Ajax(Django环境)

概览:Ajax(Asynchronous Javascript And XML) 解释为Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML,现在更多使用json数据). 同步交互:客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求: 异步交互:客户端发出一个请求后,无需等待服务器响应结束,就可以发出第二个请求. 向服务器发送请求的四个途径: 1.浏览器地址栏,默认get请求 2.form表单 get请求 post请求 3.a标签,默认g

基于jquery开发的UI框架整理分析

根据调查得知,现在市场中的UI框架差不多40个左右,不知大家都习惯性的用哪个框架,现在市场中有几款UI框架稍微的成熟一些,也是大家比较喜欢的一种UI框架,那应该是jQuery,有部分UI框架都是根据jQuery研发出来的产品,现在也很常见了. 国产jQuery UI框架 (jUI) DWZ DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.设计目标是简单实用,快速开发,降低ajax开发成本. jQuery 部件布局

基于 jQuery 实现垂直滑动的手风琴效果

今天我们要与大家分享一个漂亮而灵活的垂直 jQuery 手风琴效果.其主要思想是扩大手风琴片上的点击和显示更多的信息.其他内容片段将变得不那么透明.当使用一个导航箭头导航下一个片段,新的片会从顶部或底部滑动. 效果演示     插件下载 HTML 示例代码: <div id="va-accordion" class="va-container"> <div class="va-nav"> <span class=&q

一些基于jQuery开发的控件

基于jQuery开发,非常简单的水平方向折叠控件.主页:http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html (无法找到)下载:http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html 示例:http://letmehaveblog.blogspot.com/2007