使用加载图片解决在Ajax数据加载中页面出现短暂空白的问题（推荐）

2017年02月06日 108 阅读

在项目中用ajax异步获取数据后有时会因为数据问题或者网络问题，页面一直显示空白，现在用加载图片来过渡这种状态：<script>$（function（）{$.ajax（{url:"",//提供接口的文件地址链接dataType:"json",type:"POST",beforeSend: function（）{$（"#loading"）.html（"<img src="images/loading.gif" width="15%" sty...

Ajax提交Form表单页面仍会刷新问题的快速解决办法

2017年02月06日 163 阅读

搞了半天原来点击提交按钮 少加了个type="button" 原来是 <form > <button id="sub" /> </form> 结果怎么弄都会刷新页面，加上就好了PS：form 表单中存在button时ajax提交后自动刷新问题//在记一个坑（刚学前台，不是很懂，项目中自己给自己挖了个坑，哈哈...）<form class="form-horizontal"><div class="for...

AJAX请求队列实现

2017年02月06日 95 阅读

AJAX在使用的过程中会遇到一个问题，当用户短时间内执行了多个异步请求的时候，如果前一个请求没完成，将会被取消执行最新的一个请求，大多数情况下，不会有什么影响，例如请求了一个新的列表，旧的请求也就没什么必要了 ，但是，当我们的WEB程序需要同时异步调用多个请求，或者需要用户请求的是不同类型的数据，都需要执行完成的时候就出现问题 了，于是，将用户的请求记录下来，并按顺序执行。不同的浏览器，允许同时执行的线程不同，通常IE允许两个线程，于是，当同时执行的异步请...

pushState实现Ajax无刷新页面切换

2017年02月06日 101 阅读

前言这样的需求很常见：点击页码局部更新页面（非整体刷新），并且产生历史管理。局部刷新很容易实现，ajax可以满足我们的需要，但是这并不会产生历史管理，好在html5给我们提供了几个好用的api方便解决这个问题，见下文。正文一、API1、pushState pushState（）有三个参数：一个状态对象、一个标题（现在会被忽略），一个可选的URL地址。 state：与要跳转到的URL对应的状态信息。 title：空字符串（以后可能有用）。 url：要跳转到的...

简述Ajax的优点与缺点

2017年02月06日 99 阅读

ajax的优点Ajax的给我们带来的好处大家基本上都深有体会，在这里我只简单的讲几点：1、最大的一点是页面无刷新，在页面内与服务器通信，给用户的体验非常好。2、使用异步方式与服务器通信，不需要打断用户的操作，具有更加迅速的响应能力。3、可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。并且减轻服务器的负担，ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负...

AJAX工作原理及优缺点详解

2017年02月06日 108 阅读

AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。一、ajax所包含的技术大家都知道ajax并非一种新的技术，而是几种原有技术的结合体。它由下列技术组合而成。使用CSS和XHTML来表示。使用DOM模型来交互和动态显示。使用XMLHttpRequest来和服务器进行异步通信。使用javascript来绑定和调用。在上面几中技术中...

Ajax遍历jSon后对每一条数据进行相应的修改和删除（代码分享）

2017年02月06日 109 阅读

废话不多说了，直接给大家贴代码了，具体代码如下所示：$.ajax（{url: "/business/findpersons.json",dataType: "json",type:"GET",success: function（doc） {var objs=eval（doc）;for （var i = 0; i < objs.length; i++）{var personid=objs[i].personId;var name=objs[i].per...

Ajax的使用代码解析

2017年02月06日 101 阅读

Ajax 简介Ajax被认为是（Asynchronous（异步） JavaScript And Xml的缩写）。现在，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax.同步是指：发送方发出数据后，等接收方发回响应以后才发下一个数据包的通讯方式。异步是指：发送方发出数据后，不等接收方发回响应，接着发送下个数据包的通讯方式 。通常不用刷新网页而与服务器通讯的方法：Flash 框架Frameset：如果使用一组框架构造了一个网页，可以只更新其中一个...

ajax返回object Object的快速解决方法

2017年02月06日 126 阅读

现象：使用ajax发送请求，因为后台PHP，使用了阿里的短信，后来返回类型object Object，在浏览器上看到是这样的返回格式：｛msg:90,ok:ok｝[1,#98978]。ajax返回值不好处理。｛msg:90,ok:ok｝这个是第三方短信返回值，去不掉。[1,#98978]这个才是自己后台要用到的返回值。如果返回类型复杂，并且只是返回一个字段，此时可以用complete接受回调函数，data.responseText将返回结果作为String...

jQuery中ajax的4种常用请求方式介绍

2017年02月06日 94 阅读

AJAX 是一种与服务器交换数据的技术，可以在补充在整个页面的情况下更新网页的一部分。jQuery中ajax的4种常用请求方式：1.$.ajax（）返回其创建的 XMLHttpRequest 对象。$.ajax（） 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。详细参数选项见下。如果你指定了 dataType 选项，请确保服务器返回正确的 MIME 信息，（如 xml 返回 "text/xml"）。实例：保存数据到服务器，成功时显...

使用原生ajax处理json字符串的方法

2017年02月06日 101 阅读

AJAXAJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。什么是json？JSON的全称是 Javascript Object Notation（javascript对象表示法），是基于javascript对象字面量，如果单从眼睛看，JSON里的数据...

聊聊Ajax提交form表单的看法和认识

2017年02月06日 142 阅读

ajax （ajax开发） AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。学代码的时间也不短了...

通过数据库和ajax方法写出地图的实例代码

2017年02月06日 107 阅读

ajax教程AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。客户端部分：html、js、css代码部分：<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http:/...

Ajax 通过城市名获取数据（全国天气预报API）

2017年02月06日 100 阅读

预览图（比较简单粗糙）聚合数据全国天气预报接口：https://www.juhe.cn/docs/api/id/39接口地址：http://v.juhe.cn/weather/index 支持格式：json/xml 请求方式：get 请求示例：http://v.juhe.cn/weather/index?format=2&cityname=%E8%8B%8F%E5%B7%9E&key=您申请的KEY 调用样例及调试工具：API测试工具 请求参数说明...

AJax实现类似百度搜索栏的功能 （面试多见）

2017年02月06日 96 阅读

实习过程中需要用到异步提交功能，于是试着去了解了一下ajax，瞬间感觉以前学习的真是九牛一毛啊，确实如此，做web应用开发，如果不会jquery和ajax，那真的就是白学了，了解之后我才感觉网上的那些花哨的功能已经都可以实现了。话不多说，下面有ajax实现一个简单的百度搜索栏的功能，当用户在上面的输入框中键入字符时，会执行函数 "showHint（）" 。该函数由 "onkeyup" 事件触发：function showHint（str）{var xmlh...

Ajax与用户交互的JSON数据存储格式

2017年02月06日 100 阅读

数据存储是JavaScript的核心功能，这是一个在学习前期的一个容易让人迷惑的问题。它并不是那种像页面滑动、幻灯片展示、淡入淡出等吸引人眼球的特效。适当的存放好数据，就有利于我们组织起结构，又能使应用程序稍后访问这些内容更加容易。JavaScript提供了各种不同的数据存储方式，它是一个从基本到未来走向的演化模式：XML代表可扩展标记语言，是一种比较灵活的数据格式，很多应用程序存储数据都喜欢用到它，结构像HTML，也包含元素，标签以及属性，模型都一样。它...

MVC遇上bootstrap后的ajax表单验证

2017年02月06日 99 阅读

使用bootstrap后他由他自带的样式has-error，想要使用它就会比较麻烦，往常使用jquery.validate的话只有使用他自己的样式了，而且有模型在使用模型验证更方便点。怎么解决呢？当然你可以专门写一个针对此的jquery插件，我觉得蛮麻烦的，喜欢写插件的研究下吧。首先Nuget获取一个 MVC EditorTemplates for Bootstrap 3 的组件，有了他以后就有了一些模版，比如比较简单的一个Text：@model obje...

Ajax通过XML异步提交的方法实现从数据库获取省份和城市信息实现二级联动（xml方法）

2017年02月06日 92 阅读

之前有写过是从JavaScript数组里获取省市信息来实现二级联动，但是似乎有很多需求是要从数据库里获取信息，所以就需要根据异步提交，局部刷新的思想来实现来提高用户交互问题第一种方法是xml方法1.首先在jsp页面的JavaScript，这段代码是通用的，所以把他放在函数外面，可以供其他的函数共同使用var xhr=false;//创建XMLHttpRequst对象if（window.XMLHttpRequest）{xhr=new XMLHttpReque...

pushState、replaceState、onpopstate 实现Ajax页面的前进后退刷新

2017年02月06日 112 阅读

使用Ajax可以异步获取数据，可以更高效地渲染页面。但也存在这一些问题：再刷新页面，页面就会变成初始的状态浏览器的前进后退功能无效对搜索引擎的爬虫抓取不友好1、早前会使用浏览器的 hash锚点 来解决不同的hash标记着页面不同的部分，能修正页面刷新数据不正确的问题再通过 onhashchange 事件监听hash锚点的变化，手动进行前进后退操作，浏览器支持度2、随后出现一种 hashbang 的技术，即在url后加上标记 #！/myPath 来解决上述的...

深入理解ajax系列第一篇之XHR对象

2017年02月06日 98 阅读

前面的话 ajax是asynchronous javascript and XML的简写，中文翻译是异步的javascript和XML，这一技术能够向服务器请求额外的数据而无须卸载页面，会带来更好的用户体验。虽然名字中包含XML，但ajax通信与数据格式无关。下面将详细介绍ajax的内容创建 ajax技术的核心是XMLHttpRequest对象（简称XHR），这是由微软首先引入的一个特性，其他浏览器提供商后来都提供了相同的实现。XHR为向服务器发送请求...