首先，要实现如下图效果，1、要理清思路： 先做出三个下拉菜单----根据第一个下拉菜单的value值获取第二个下拉列表的内容，第三个同理。 2、用到的数据库表：Chinastates表规律：根据国家级（中国）的areacode查询省级(如：北京) ; 根据省级的areacode查询市级（如：北京市辖）；根据市级的areacode查询区级（如东城区） 第一种方式：没有用到封装，数据读取较慢，可以看看原理，这样在第二种方式封装时就容易多了。 代码如下：<!D...
摘要: js封装from表单数据为json串进行ajax提交json封装代码 function getFormJson(frm) { //frm：form表单的idvar o = {}; var a = $("#"+frm).serializeArray(); $.each(a, function() { if (o[this.name] !== undefined) { if (!o[this.name].push) { o[this.name] = [ o[this.name] ]; } o[this.name].push(this.value || ); } else { o[this.name] = this.value || ; } }); return o; } 返回的数据格式为标准的json格式，ajax...
原理及概念 AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是一种用于创建快速动态网页的技术。 动态网页：是指可以通过服务器语言结合数据库随时修改数据的网页。 静态网页，随着html代码的生成，页面的内容和显示效果就基本上不会发生变化了——除非你修改页面代码。 AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。 AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下...
前言 众所周知，jquery在我们日常开发中的使用频率非常高，与js相比，我们省去了冗长的获取元素的代码，不用考虑一些麻烦的兼容问题，更加方便的动画实现，以及更加方便的方法调用让我们觉得jquery真是越用越舒服。但是jquery说到底还是对js的封装，我们不光要用的舒服还要深入理解其中的原理，这样才能更好的使用它。首先我们封装的函数为了能实现可传入无限多个参数，在使用我们即将封装的函数时，需要使用对象进行传参，形式如下...
前言： 有一种情况：全站都要用异步方式来调用 数据，提交数据，那么你每次操作 都会要$.ajax({.....}) 写重复的方法 和代码，冗余太大， 也浪费时间，虽说你有代码自动提示补全，但真的不优雅，身为前端极客，是不能允许的！ 【嘿嘿！虽说我现在基本不用jquery了 ，不过异步概念 是永远要用的，就帮助下新人】 jQuery Ajax通用js封装 第一步：引入jQuery库 <script type="text/javascript" src="/js/jquery.min.js"></script>第二...
本文实例讲述了javascript实现简单的ajax功能封装。分享给大家供大家参考，具体如下： function ajax(obj){var xhr = (function (){//获取xhr对象，为了兼容ie6所以进行了重新封装if(typeof XMLHttpRequest !=undefined) {return new XMLHttpRequest();}else if(typeof ActiveXObject !=undefined) {var version = [MSXML2.XMLHttp6.0,MSXML2.XMLHttp3.0,MSXML2.XMLHttp]for(var i in version) {try{return new ActiveXObject(vers...
本文实例讲述了原生javascript实现的ajax异步封装功能。分享给大家供大家参考，具体如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript" src="Scripts/jq...
前言 与js相比，jquery为我们省去了冗长的获取元素的代码，不用考虑一些麻烦的兼容问题，更加方便的动画实现，以及更加方便的方法调用让我们觉得jquery真是越用越舒服。但是jquery说到底还是对js的封装，我们不光要用的舒服还要深入理解其中的原理，这样才能更好的使用它。 首先我们封装的函数为了能实现可传入无限多个参数，在使用我们即将封装的函数时，需要使用对象进行传参，形式如下： //data作为参数传入我们下面封装的函数 ...
开发过程中，AJAX的应用应该说非常频繁，当然，jQuery的AJAX函数已经非常好用，但是小编还是稍微整理下，方便不同需求下，可以简化输入参数，下面是实例代码：$(function(){/*** ajax封装* url 发送请求的地址* data 发送到服务器的数据，数组存储，如：{"date": new Date().getTime(), "state": 1}* async 默认值: true。默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。* 注意，同步请求将...
ajax （ajax开发）简介 AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 在实际的项目里，ajax的应用频率很高，所以尽...
首先，我们需要xhr对象。这对我们来说不难，封装成一个函数。 var createAjax = function() { var xhr = null; try { //IE系列浏览器 xhr = new ActiveXObject("microsoft.xmlhttp");} catch (e1) { try { //非IE浏览器 xhr = new XMLHttpRequest();} catch (e2) { window.alert("您的浏览器不支持ajax，请更换！");}} return xhr; }; 然后，我们来写核心函数。 var ajax = function(conf) { // 初始化 //type参数,可选 var type ...
本文大概分为三步实现jquery ajax通过js封装，通过代码实例讲解，代码附有注释，比较容易理解，具体详情如下所示： 第一步：引入jQuery库<script type="text/javascript" src="<%=path%>/resources/js/jquery.min.js"></script> 第二步：开发Ajax封装类，已测试通过，可以直接调用，直接贴代码，讲解就省了/***************************************************************** jQuery Ajax封装通用类 (linjq) ******************...
由于项目中需要在提交ajax前设置header信息，jquery的ajax实现不了，我们自己封装几个常用的ajax方法。jQuery的ajax普通封装var ajaxFn = function(uri, data, cb) { $.ajax({ url: uri, type: POST, dataType: json, data: data, }) .done(cb) .fail(function() { console.log("error"); }) .always(function() { console.log("complete"); }); } 原生ajax封装，设置header，传jsonvar ajaxHdFn = function(uri, data, cb) { var ...
有一种情况：全站都要用异步方式来调用 数据，提交数据，那么你每次操作 都会要$.ajax({.....}) 写重复的方法 和代码，冗余太大， 也浪费时间，虽说你有代码自动提示补全，但真的不优雅，身为前端极客，是不能允许的！ 【嘿嘿！虽说我现在基本不用jquery了 ，不过异步概念 是永远要用的，就帮助下新人】 jQuery Ajax通用js封装 第一步：引入jQuery库 <script type="text/javascript" src="/js/jquery.min.js"></script>第二步：开发...
抛出一个问题，其实所谓的熟悉原生JS，怎样的程度才是熟悉呢？ 最近都在做原生JS熟悉的练习。。。 用原生Js封装了一个Ajax插件，引入一般的项目，传传数据，感觉还是可行的。。。简单说说思路，如有不正确的地方，还望指正^_^ 一、Ajax核心，创建XHR对象 Ajax技术的核心是XMLHttpRequest对象（简称XHR），IE5是第一款引入XHR对象的浏览器，而IE5中的XHR对象是通过MSXML库中的一个ActiveX对象实现的，因此在IE中可能有3个版本，即MS...