• 回到首页
• 网站建设
  • 高端网站定制
  • 品牌网站建设
  • 企业官网建设
  • 营销网站建设
  • 集团网站建设
  • 外贸网站建设
  • 政府/门户信息
  • 企业网站改版
  • 响应式网站建设
  • 企业形象设计
  • 企业MP4宣传视频
  • 网络营销推广
  • 网站在线客服系统
  • 域名注册
  • 服务器/主机租赁
  • 企业邮箱
• 微信开发
  • 微信公众号
  • 微商城开发
  • 微官网建设
  • 小程序开发
• 案例展示
  • 品牌创意
  • 宣传视频案例
  • 企业网站
  • 外贸网站
  • 移动应用
  • 形象设计
• 新闻资讯
  • 网站建设
  • 网站优化
  • 网站制作
  • 网站制作
  • 网络营销
  • 网站维护
• 解决方案
  • 品牌网站建设解决方案
  • 营销网站解决方案
  • 集团上市公司网站建设解决方案
  • 政府机构类网站建设解决方案
  • 网站定制建设解决方案
  • 外贸网站建设解决方案
  • 医药医疗网站解决方案
  • 旅游网站解决方案
  • 微信小程序定制开发解决方案
• 小谭建站
  • 公司简介
  • 我们的观点
  • 为什么选择我们?
  • 企业文化
  • 付款方式
• 联系我们
  • 联系方式
  • 在线留言
  • 提交意向表
  • 在线客服
  • 来访路线

• 客户专线：135-1821-9792

  服务热线：028-86922220

  我们专注于高端品牌网站创意设计与开发

乐山网站建设

专注高端品牌网站建设行业优质供应商！认准小谭建站！

028-86922220135-1821-9792

首页

网站建设

高端网站定制



品牌网站建设



企业官网建设



营销网站建设



集团网站建设



外贸网站建设



政府/门户信息



企业网站改版



响应式网站建设



企业形象设计



企业MP4宣传视频



网络营销推广

网站在线客服系统



域名注册



服务器/主机租赁



企业邮箱

网站设计包含服务 网站制作流程 有效沟通方式 售后服务

微信开发

微信公众号



微商城开发



微官网建设



小程序开发

案例展示

• + 品牌创意
• + 宣传视频
• + 大陆官网
• + 外贸官网
• + 移动应用
• + 形象设计

新闻资讯

• 网站建设
• 网站优化
• 网站制作
• 网站制作
• 网络营销
• 网站维护

解决方案

• 

  品牌网站建设解决方案

• 

  营销网站解决方案

• 

  集团上市公司网站建设解决方案

• 

  政府机构类网站建设解决方案

• 

  网站定制建设解决方案

• 

  外贸网站建设解决方案

• 

  医药医疗网站解决方案

• 

  旅游网站解决方案

• 

  微信小程序定制开发解决方案

• 更多+

小谭建站

• 公司简介
• 我们的观点
• 为什么选择我们
• 企业文化
• 支付方式

联系我们

• 联系方式
• 在线留言
• 提交意向表
• 在线客服
• 来访路线

                          $(function()          {              var xhr = new AjaxXmlHttpRequest();              $("#btnAjaxOld").click(function(event)              {                  var xhr = new AjaxXmlHttpRequest();                  xhr.onreadystatechange = function()                  {                      if (xhr.readyState == 4)                      {                          document.getElementById("divResult").innerHTML = xhr.responseText;                      }                  }                  xhr.open("GET", "data/AjaxGetCityInfo.aspx?resultType=html", true);                  xhr.send(null);              });          })           //跨浏览器获取XmlHttpRequest对象          function AjaxXmlHttpRequest()          {              var xmlHttp;              try             {                  // Firefox, Opera 8.0+, Safari                  xmlHttp = new XMLHttpRequest();              }              catch (e)              {                   // Internet Explorer                  try                 {                      xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");                  }                  catch (e)                  {                       try                     {                          xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");                      }                      catch (e)                      {                          alert("您的浏览器不支持AJAX！");                          return false;                      }                  }              }              return xmlHttp;          }                                   原始Ajax调用            

$("#divResult").load("data/AjaxGetCityInfo.aspx", { "resultType": "html" });

                                  $(function()          {              $("#btnAjaxGet").click(function(event)              {                  //发送Get请求                  $("#divResult").load("../data/AjaxGetMethod.aspx?param=btnAjaxGet_click" + "×tamp=" + (new Date()).getTime());              });               $("#btnAjaxPost").click(function(event)              {                  //发送Post请求                  $("#divResult").load("../data/AjaxGetMethod.aspx", { "param": "btnAjaxPost_click" });              });               $("#btnAjaxCallBack").click(function(event)              {                  //发送Post请求, 返回后执行回调函数.                  $("#divResult").load("../data/AjaxGetMethod.aspx", { "param": "btnAjaxCallBack_click" }, function(responseText, textStatus, XMLHttpRequest)                  {                      responseText = " Add in the CallBack Function! 
" + responseText                      $("#divResult").html(responseText); //或者: $(this).html(responseText);                  });              });               $("#btnAjaxFiltHtml").click(function(event)              {                  //发送Get请求, 从结果中过滤掉 "鞍山" 这一项                  $("#divResult").load("../data/AjaxGetCityInfo.aspx?resultType=html" + "×tamp=" + (new Date()).getTime() + " ul>li:not(:contains('鞍山'))");              });           })                     使用Load执行Get请求      使用Load执行Post请求      使用带有回调函数的Load方法      使用selector过滤返回的HTML内容            

$.get("../data/AjaxGetMethod.aspx?param=btnAjaxGet_click");   //或者通过data参数传递:   $.get("../data/AjaxGetMethod.aspx", { "param": "btnAjaxGet2_click" });

function (data, textStatus) {    // data could be xmlDoc, jsonObj, html, text, etc...    this; // the options for this ajax request  }

$.getJSON("../data/AjaxGetCityInfo.aspx", { "resultType": "json" }, function(data, textStatus)  {        alert(data.length);        alert(data[0].CityName);  });

var head = document.getElementsByTagName("head")[0];              var script = document.createElement("script");  script.src = s.url;   //上面的代码动态建立了一个script语句块, 并且将其加入到head中:   head.appendChild(script);   //当脚本加载完毕后, 再从head中删除:  // Handle Script loading     if ( !jsonp ) {        var done = false;        // Attach handlers for all browsers        script.onload = script.onreadystatechange = function(){            if ( !done && (!this.readyState ||                this.readyState == "loaded" || this.readyState == "complete") ) {                   done = true;                   success();                   complete();                    // Handle memory leak in IE                   script.onload = script.onreadystatechange = null;                   head.removeChild( script );             }        };    }

$("#btnAjaxGetScript").click(function(event)  {      $.getScript("../scripts/getScript.js", function(data, textStatus)      {          alert(data);          alert(textStatus);          alert(this.url);      });  });   $("#btnAjaxGetScriptCross").click(function(event)  {      $.getScript("http://resource.elong.com/getScript.js", function(data, textStatus)      {          alert(data);          alert(textStatus);          alert(this.url);      });  });

$.ajaxSetup({      url: "../data/AjaxGetMethod.aspx",      data: { "param": "ziqiu.zhang" },      global: false,      type: "POST",      success: function(data, textStatus) { $("#divResult").html(data); }  });

                                  $(document).ready(function()          {              $.ajaxSetup({                  url: "../data/AjaxGetMethod.aspx",                  data: { "param": "ziqiu.zhang" },                  global: false,                  type: "POST",                  success: function(data, textStatus) { $("#divResult").html(data); }              });               $("#btnAjax").click(function(event) { $.ajax(); });              $("#btnGet").click(function(event) { $.get(); });              $("#btnPost").click(function(event) { $.post(); });              $("#btnGet2").click(function(event) { $.get("../data/AjaxGetMethod.aspx",{ "param": "other" }); });           });                        不传递参数调用ajax()方法      不传递参数调用get()方法      不传递参数调用post()方法      传递参数调用get()方法, 使用全局的默认回调函数            

注意当使用get()或者post()方法时, 除了type参数将被重写为"GET"或者"POST"外, 其他参数只要不传递都是使用默认的全局option. 如果传递了某一个选项, 比如***一个按钮传递了url和参数, 则本次调用会以传递的选项为准. 没有传递的选项比如回调函数还是会使用全局option设置值.

2.serialize( )

Returns:String

说明:

序列表表格内容为字符串，用于 Ajax 请求。

序列化最常用在将表单数据发送到服务器端时. 被序列化后的数据是标准格式, 可以被几乎所有的而服务器端支持.

为了尽可能正常工作, 要求被序列化的表单字段都有name属性, 只有一个eid是无法工作的.

像这样写name属性:

讲解:

serialize()函数将要发送给服务器的form中的表单对象拼接成一个字符串. 便于我们使用Ajax发送时获取表单数据. 这和一个From按照Get方式提交时, 自动将表单对象的名/值放到url上提交差不多.

比如这样一个表单:

生成的字符串为:single=Single¶m=Multiple¶m=Multiple3&check=check2&radio=radio1

提示:代码见 chapter6\7-serialize.htm

3.serializeArray( )Returns: Array

 Returns: Array