AJAX:即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。一个完整的HTTP请求：由请求方式、URL、请求头和请求体组成；一个完整的HTTP响应：由状态码、响应头...
需求：前端通过jQuery Ajax传输json到后端，后端接收json，对json进行处理，后端返回一个json给前端 这里使用servlet的方式 1、采用$.post方法index.jsp页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <%@ page contentType="text/html; charset=UTF-8"%> <html> <head> <title></title> <script src="js/jquery-1.12.2.js"></script> <...
下面我们用Jquery，ajax,做一个省，市，县的三级联动： 下面是我做三级联动下拉的步骤以及逻辑第一步：先做一个省市区表格 第二步：建个PHP页面显示用我是在<body>里放<div>用来接收要显示的省市区表格信息，里面嵌入jquery-1.11.2.min.js和自己封装的三联动省市区的方法 第三步：写封装方法用JS 第四步：做个纯php处理页面，这个页面处理传过来的任何代号首先我们要建立数据库：这就是包含省，市，县的数据库。 下面我们就写主页面...
今天看到群里面有网友们问到Jquery Ajax的(load,post,get,ajax)之间的区别，现在整理了一篇文章出来，希望可以帮到网友们，首先我们先来看一些简单的方法， 这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到). 1、 load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。 url (String)： 请求的HTML页的URL地址。 data (M...
什么是Ajax Ajax基本概念 Ajax(Asynchronous JavaScript and XML):翻译成中文就是异步的JavaScript和XML。 从功能上来看是一种在无需重新加载整个网页的情况下能够更新部分网页的技术。 传统的网页 想要更新内容或者提交表单就要重新加载或刷新页面。 使用ajax技术的网页 通过后台服务器进行少量的数据交换，网页就可以实现异步局部跟新。 Ajax出现前 Ajax技术出现之前，是一个同步交互的世界。 同步：客户端发出请求，服务端去处...
本文实例讲述了jQuery基于Ajax方式提交表单功能。分享给大家供大家参考，具体如下： 提交表单一般通过同步的方式提交，提交后页面刷新或跳转到新页面来显示服务器端返回的处理结果。如果表单提交后有另外的操作或业务需求需要还在这个页面上显示或处理，那么页面不能整体刷新，这时第一想到的就是采用ajax的方式提交表单。下面完整的介绍一个表单采用ajax方式提交的流程。 一、准备 1、页面引入jQuery文件 2、页面引入jQuery的表单...
本文实例讲述了jQuery基于ajax实现页面加载后检查用户登录状态的方法。分享给大家供大家参考，具体如下： 拥有会员功能的网站，如果会员已经登录，那么要显示相应的登录状态，而且这种显示的需求是在网站的每个页面都有的（目前国内网站貌似都是这么做的，还没有见过其他形式的状态显示方式），这样，在打开一个新的页面时就要知道这个会员是否已经登录，需要判断登录的状态。 1、解决方案。 为了能够实现在每一个页面判断会员登录...
本文实例讲述了jQuery基于ajax方式实现用户名存在性检查功能。分享给大家供大家参考，具体如下： 对于拥有会员功能的网站，尤其是会员登录后可以留言或评论的网站，一般要求不能有两个或两个以上相同的用户名存在。因此，在用户注册的时就需要对用户名是否已经被注册进行检查防止出现相同的用户名。下面是我实现这种功能的一种解决方案。 1、方案原理：利用ajax的异步请求不刷新正在注册的页面向后端发送请求，后端对请求数据进行处...
这是我刚接触AJAX的时候做的一个小应用，主要功能如下： 1.点击按钮可以随机生成一句名人名言及其作者名字，如果没有作者名字，则显示“Unknown”。 2.点击按钮可以把名人名言分享到推特或者微博。 HTML:<div class="container-fluid text-center"> <h1> Random Quote Generator </h1> <div class="well quote-area"> <span class="quote"> </span> <span class="author"> </span> </div> <div class="btns"> <button class="btn b...
Ajax简介 Ajax被认为是(Asynchronous(异步) JavaScript And Xml的缩写）。现在，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax.同步是指：发送方发出数据后，等接收方发回响应以后才发下一个数据包的通讯方式。 异步是指：发送方发出数据后，不等接收方发回响应，接着发送下个数据包的通讯方式 。 AJAX的缺陷 AJAX大量使用了JavaScript和AJAX引擎，而这个取决于浏览器的支持。IE5.0及以上、Mozilla1.0、NetScape7及...
本文实例为大家分享了jQuery Ajax跨域请求的具体代码，供大家参考，具体内容如下 html 代码清单： <script type="text/javascript" src="http://www.youxiaju.com/js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(function(){ $.ajax( { type:get, url : http://www.youxiaju.com/validate.php?loginuser=lee&loginpass=123456, dataType : jsonp, jsonp:"jsoncallback", success : function(data) { ale...
前言： 有一种情况：全站都要用异步方式来调用 数据，提交数据，那么你每次操作 都会要$.ajax({.....}) 写重复的方法 和代码，冗余太大， 也浪费时间，虽说你有代码自动提示补全，但真的不优雅，身为前端极客，是不能允许的！ 【嘿嘿！虽说我现在基本不用jquery了 ，不过异步概念 是永远要用的，就帮助下新人】 jQuery Ajax通用js封装 第一步：引入jQuery库 <script type="text/javascript" src="/js/jquery.min.js"></script>第二...
接着上一篇ajax系列之用jQuery的ajax方法向服务器发出get和post请求写，这篇主要写如何利用ajax和FormData实现页面无刷新的文件上传效果，主要用到了jQuery的ajax()方法和XMLHttpRequest Level 2的FormData接口。关于FormData，大家可以看MDN文档。 1，先看效果图期望的功能和效果很简单：点击页面中的上传文件表单控件，选择文件后点击“ajax提交”，将文件上传至服务器，上传成功后，页面给出一个简单的提示。 2，前端的代码 看下...
打算写个ajax系列的博文，主要是写给自己看，学习下ajax的相关知识和用法，以更好的在工作中使用ajax。 假设有个网站A，它有一个简单的输入用户名的页面，界面上有两个输入框，第一个输入框包含在一个form表单里用来实现form提交，第二个输入框是单独的、没有包含在form里，下面就用这两个输入框来学习下jQuery的ajax。1，前端的html和javascript代码 页面html <main style="text-align: center; margin: 200px auto;"><h2>输入用户...
jQuery的ajax方法非常好用，这么好的东西，你想拥有一个属于自己的ajax么？接下来，我们来自己做一个简单的ajax吧。 实现功能 由于jq中的ajax方法是用了内置的deferred模块，是Promise模式的一种实现，而我们这里没有讲过，所以我们就不使用这一模式啦。 我们只定义一个ajax方法，他可以简单的get，post，jsonp请求就可以啦~~ var ajax = function () {// 做一些初始化，定义一些私有函数等return function () {// ajax主体代码} }...