jQuery 之 $.get、$.post、$.getJSON、$.ajax

jquery+css3打造一款ajax分页插件

原文:[原创]jquery+css3打造一款ajax分页插件最近公司的项目将好多分页改成了ajax的前台分页以前写的分页插件就不好用了,遂重写一个支持IE6+,但没有动画效果如果没有硬需求,个人认为没必要多写js让动画在这些浏览器中实现css3的动画本来就是帮我们取代js中这部分动画代码的使js更纯粹地去实现逻辑效果图如下: 调用代码如下: 包括常用的加载失败重试,参数可配置是否能手动输入页码,设置按钮数目,可以调用多个page等等,调用代码很简便 <script type="tex…

jQuery 提供多个与 AJAX 有关的方法。

jQuery 提供多个与 AJAX 有关的方法. 通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本.HTML.XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中. jQuery 不是生产者,而是大自然搬运工. jQuery Ajax本质 XMLHttpRequest 或 ActiveXObject 注:2.+版本不再支持IE9以下的浏览器 1. jQuery.get(...) 所有参数: url: 待载入页面…

jQuery学习之旅 Item10 ajax快餐

1. 摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式. 2. 前言 Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数来帮助我们统一这种差异, 并且让调用A…

jQuery中的$.getJSON、$.ajax、$.get、$.post的区别

jQuery中的$.getJSON.$.ajax.$.get.$.post的区别使用见Flask(python)异步(ajax)返回json格式数据 ①.$.getJSON $.getJSON()是专门为ajax获取json数据而设置的,并且支持跨域调用,其语法的格式为: getJSON(url,[data],[callback]) url:string类型, 发送请求地址 data :可选参数, 待发送 Key/value 参数 ,同get,post类型的data callback :可选参…

jquery学习笔记(五)：AJAX

内容来自[汇智网]jquery学习课程 5.1 ajax AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新. AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML). 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示. 5.2 load()方法加载数据 load()方法是简单但强大的AJAX方法.它从服务器加载数据,并把返回的数据放入被选元素中. 语法:$(se…

[原创]jquery+css3打造一款ajax分页插件

最近公司的项目将好多分页改成了ajax的前台分页以前写的分页插件就不好用了,遂重写一个支持IE6+,但没有动画效果如果没有硬需求,个人认为没必要多写js让动画在这些浏览器中实现css3的动画本来就是帮我们取代js中这部分动画代码的使js更纯粹地去实现逻辑效果图如下: 调用代码如下: 包括常用的加载失败重试,参数可配置是否能手动输入页码,设置按钮数目,可以调用多个page等等,调用代码很简便 <script type="text/javascript"> var kpag…

Jquery中$.load(),$.get(),$.post(),$.ajax(),$.getJSON()的作用与不同

这个五个都是获取页面或者数据的方法.. 都是基于Ajax协议的.. $.get(url,[data],[callback]) //描述: 从服务器加载数据,请求方式为GET. url 为请求地址 data 为请求数据的列表 callback 为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,这个数据是字符串形式的 ...第二个参数为服务器的状态,是可选参数. 例: $.get("a.ashx",{Id:15,…

Jquery表单序列化和AJAX全局事件

Jquery表单序列化 1.必须放在form标签内: 2.控件必须有name属性: 3.控件的value值会提交到服务器: 如: <form id="form1"> <input type="text" name="t1" /> <input type="text" name="w2" /> <input type="text" name=&qu…

PHP利用jquery生成各种验证码和Ajax验证

PHP生成验证码图片 PHP生成验证码的原理:使用PHP的GD库,生成一张带验证码的图片,并将验证码保存在Session中.PHP 生成验证码的大致流程有: .产生一张png的图片: .为图片设置背景色: .设置字体颜色和样式: .产生4位数的随机的验证码: .把产生的每个字符调整旋转角度和位置画到png图片上: .加入噪点和干扰线防止注册机器分析原图片来恶意破解验证码: .输出图片: .释放图片所占内存. 下面我们讲解验证码的生成过程,直接上代码. session_start(); getCo…

jquery mobile开发笔记之Ajax提交数据（转）

http://my.oschina.net/xiahuawuyu/blog/81763 这两天学习了下,jquery mobile(以下简称jqm)的开发相关的内容.可能之前有过web的开发基础,相对于我来说学习这个东西感觉挺简单的,很容易上手.Jqm的的语法和jquery其实是一样的,有些不大一样的就是了.网上介绍的也是一大堆.这里我主要是做笔记哈. 使用JQM开发其实很简单,我这里目前是针对于在服务器端开发的,服务器使用的是apache+php,前端其实主要是html5+jquery的写法.…

jquery 实现页面局部刷新ajax做法

这个方法就多了去了,常见的有以下几种:下面介绍全页面刷新方法:有时候可能会用到 window.location.reload()刷新当前页面. parent.location.reload()刷新父亲对象(用于框架) opener.location.reload()刷新父窗口对象(用于单开窗口) top.location.reload()刷新最顶端对象(用于多开窗口) $.get方法,$.post方法,$.getJson方法,$.ajax方法如下前两种使用方法基本上一样复制代码代码如下:…

jQuery通过jquery.form.js插件使用AJAX提交Form表单

我简单使用了一下,jQuery Form插件有一下优点: 1.支持提交前验证. 2.支持提交后回调. 3.采用AJAX方式,有很好的用户体验 4.提交方式是灵活.只要指定要提交的form ID即可.想提交那个form.就可提交那个.同时提交参数可配置.5.支持提交多种类型数据.如:xml,json等. 主要的函数: 1.ajaxForm 增加所有需要的事件监听器,为AJAX提交表单做好准备.ajaxForm不能提交表单.在document的ready函数中,使用ajaxForm来为AJAX提交…

jQuery中利用JSONP解决AJAX跨域问题

写在前面跨域的解决方案有多种,其中最常见的是使用同一服务器下的代理来获取远端数据,再通过ajax进行读取,而在这期间经过了两次请求过程,使得获取数据的效率大大降低,这篇文章蓝飞就为大家介绍一下解决跨域问题的一种比较通用的方案——JSONP. 什么是跨域? 简单的来说,出于安全方面的考虑,页面中的JavaScript无法访问其他服务器上的数据,即“同源策略”.而跨域就是通过某些手段来绕过同源策略限制,实现不同服务器之间通信的效果. 具体策略限制情况可看下表: URL 说明允许通信 http:/…

Jquery第三篇【AJAX 相关的API】

前言前面我们已经学了讲解了Jquery的选择器,关于DOM 的API还有事件的API.本博文需要讲解Jquery对AJAX的支持- 我们在开始使用JavaScript学习AJAX的时候,创建异步对象时,需要根据不同的浏览器来创建不同的对象-.装载XML文件的时候,也有兼容性的问题. Jquery就很好地屏蔽了浏览器不同的问题,不需要考虑浏览器兼容的问题,这是非常非常方便我们开发的. Jquery对ajax常用的API $.ajax([options]) load(url, [data], [c…

jquery 上传图片转为base64，ajax提交到后台

支持多张图片上传.图片上传数量修改.可以删除 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width" /> <title>jquery 图片base64</title> <script type="…

【jQuery、Express.js】AJAX提交Form

HTML/CSS代码构建onclick事件 <div class = "row"> <div class = "col-md-10"> <input type="text" id="inputcpn" class="form-control" name="inputcpn"> </div> <div class = "co…

[js]jquery里的jsonp实现ajax异源请求

同源请求-jquery <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript"> $.ajax({ url: "data.txt", type: "get", dat…

jQuery学习（2）ajax()使用

在上一篇分享JavaScript之使用AJAX(适合初学者)中,我们学习了如何在JavaScript中使用AJAX.由于jQuery出色的性能和简洁的写法,且它也支持AJAX的使用,所以,本次分享将会展示如何在jQuery中使用ajax()函数. 关于jQuery的ajax()函数的教程,可以参考:http://www.w3school.com.cn/jquery/jquery_ref_ajax.asp ,当然,我们也可以jQuery.ajax()的官方文档:http://api.jqu…

jQuery基础（3）- ajax

一.jQuery的ajax 1.什么是ajax AJAX = 异步的javascript和XML(Asynchronous Javascript and XML). 简言之,在不重载整个网页的情况下,AJAX通过后台加载数据,并在网页上进行显示. 通过 jQuery AJAX 方法,我们能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本.HTML.XML 或 JSON ,同时能够把这些外部数据直接载入网页的被选元素中. 2.jQuery的 $.ajax()方法(重要) j…

通过XMLHttpRequest和jQuery两种方式实现ajax

一.XMLHttpRequest实现获取数据不使用jQuery实现页面不刷新获取内容的方式,我们这里采用XMLHttpRequest原生代码实现:js代码如下: //1.获取a节点,并为其添加Oncilck响应函数document.getElementsByTagName("a")[0].onclick = function(){ //3.创建一个XMLHttpRequest(); var request = new XMLHttpRequest(); //4.准备发送请求的数据ur…

Jquery重新学习之九[Ajax运用总结C]

前两篇文章主要介绍Jquery如何利用Ajax进行操作数据,主要介绍调用的方法:其中Jquery.ajax()是Jquery中最底层的方法:Jquery还定义的一个方法跟几个事件为Jquery.ajax ()进行简化跟扩展: 1:其中全局方法jQuery.ajaxSetup([options])则是为了在使用$.ajax(),有时一个页面需要调用多个$.ajax()方法,如果每个方法都设置其中的请求细节,将是一件十分麻烦的事 .可以一次设置,全局有效,这样大大简化了$.ajax()方法中细节的编…

使用jQuery插件jRemoteValidate进行远程ajax验证，可以自定义返回的信息

最近项目中有一个业务是收银员通过输入用户卡号,给用户充值或者消费,但是为了避免误操作(如卡号输错),于是编写了一个远程验证的jQuery插件, 当收银员输入卡号后,失去焦点,立即ajax请求服务器端,并返回信息,然后可以通过在success回调函数自定义(html自定义)显示内容. 先上几张演示效果图: html 代码调用方法: <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquer…

Ajax在jQuery中的应用（$.ajax()方法）

Ajax() 方法 $.ajax() 中的参数及使用方法在jQuery中,$.ajax() 是最底层的方法,也是功能最强的方法.$.get().$.post().$.getScript().getJSON() 都是在此方法上建立的. $.ajas([options]) $.ajax() 的参数列表参数名类型功能描述 url String 发送请求的地址 type String 数据请求的方式(post 或 get),默认为get data String 或 object 发送到服务器的数…

JQuery系列（4） - AJAX方法

jQuery对象上面还定义了Ajax方法($.ajax()),用来处理Ajax操作.调用该方法后,浏览器就会向服务器发出一个HTTP请求. $.ajax方法 $.ajax()的用法主要有两种. $.ajax(url[, options]) $.ajax([options]) 上面代码中的url,指的是服务器网址,options则是一个对象参数,设置Ajax请求的具体参数. $.ajax({ async: true, url: '/url/to/json', type: 'GET', data :…

Struts2+jQuery+Json零配置实现ajax

(一)Jsp页面代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+r…

struts2 + jquery 开发环境下的ajax构建方法（action写法 + struts.xml配置 + js调用代码）

1.action写法 public class RegisterAction extends ActionSupport { private InputStream inputStream; /** * 方法名随意,在struts.xml中配置好就可以 */ public String execute() { String str; // 想要返回的变量 // 赋值,根据需要自行替换代码即可 str = "这是个演示"; try { inputStream = new ByteArra…

jquery带token访问接口ajax

1.在公共js里全局设置 //设置全局ajax $.ajaxSetup({ xhrFields: { withCredentials: true } }); 2.登录成功时,设置cookie (注: urlcore为全局url前缀) //设置cookie var domain_url = urlcore.split('://')[1]; if (domain_url.indexOf(':') > -1) { domain_url = domain_url.split(':')[0]; }else…