Welcome 微信登录

首页 / 脚本样式 / Ajax

AJAX实现瀑布流布局

AJAX实现瀑布流布局

瀑布流是当前一种比较流行的网站界面布局方式,参差不齐的多栏布局以及到达底部自动加载的方式,使网站在视觉和用户体验上都能得到较大的提升。最早使用此布局的是国外的图片网站Pinterest,之后国内的一些图片网站也开始使用瀑布流布局,包括和Pinterest类似的花瓣网、图片社区lofter、美丽说、蘑菇街等等。瀑布流在布局上对于大多数人来说应该是很简单的,比较只有几列而已。瀑布流最主要的还是数据的异步加载。首先说一下这次实例所用的瀑布流式方法。瀑布流布局实现...
AJAX实现简单的注册页面异步请求实例代码

AJAX实现简单的注册页面异步请求实例代码

AJAX简介(1)AJAX = 异步 JavaScript 和 XML。(2)AJAX 是一种用于创建快速动态网页的技术。(3)通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。(4)传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。简单布局JS先判断,把前端可以的判断做,减少服务器的交互$("button").on("click",function()...
用AJAX实现页面登陆以及注册用户名验证的简单实例

用AJAX实现页面登陆以及注册用户名验证的简单实例

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。AJAX 是一种用于创建快速动态网页的技术。其核心是 JavaScript 对象 XMLHttpRequest。该对象在 Internet Explorer 5 中首次引入,它是一种支持异步请求的技术。简而言之,XMLHttpRequest使您可以使用 JavaScript 向服务器提出请求并处理响应,...
Ajax+PHP简单数据交互

Ajax+PHP简单数据交互

PHP是一种创建动态交互性站点的服务器端脚本语言,优势:PHP脚本语言应用广泛,开源免费,最重要的是入门简单,容易掌握。PHP能够生成动态页面内容PHP能够创建、打开、读取、写入、删除以及关闭服务器上的文件PHP能够接收表单数据PHP能够发送并取回cookiesPHP能够添加、删除、修改数据库中的数据PHP能够限制用户访问网站中的某些页面能够运行于各种平台,几乎兼容所有WEB服务器,支持多种数据库1.我们想要运行PHP,首先要有个web服务器,一般可以在本...
Ajax中的循环方案

Ajax中的循环方案

Ajax 简介Ajax 由 HTML、JavaScript™ 技术、DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。本文的作者是一位 Ajax 专家,他演示了这些技术如何协同工作 —— 从总体概述到细节的讨论 —— 使高效的 Web 开发成为现实。他还揭开了 Ajax 核心概念的神秘面纱,包括 XMLHttpRequest 对象。五年前,如果不知道 XML,您就是一只无人重视的丑小鸭。十...
ajax结合豆瓣搜索结果进行分页完整代码

ajax结合豆瓣搜索结果进行分页完整代码

使用豆瓣api,得到分页结果。相当于从后台数据库获得的结果一样。所不同的是,没法事先知道页数。虽然通过请求api可以获得总页数,但由于ajax是异步的,所以对于分页一开始就要给出总页数来说,这是没有意义的。我使用了一个固定总页数65(正是搜索javascript书籍返回的总页数)。所以其他书籍是并不是65页,会出现多页或者少页的情况,这并不是bug。特点 1,全程不需要接触后台,前端独立就可以(我找过好长时间都没找过完整的例子)。 2,使用了boot...
Ajax提交Form表单及文件上传的实例代码

Ajax提交Form表单及文件上传的实例代码

前几天,发现了一些小问题。我在写后台管理页面时,需要上传一张图片。于是我就用很普通的Form表单上传有一段Json串和图片文件;Form表单上传图片只需要在<form>标签里加上enctype = "multipart/form-data",这样是可以上传图片的;但问题来了,在我进行用Form表单提交的时候直接跳出来提交返回值的页面并且原先的页面刷新;这样我们可以先到异步的Ajax可以实现局部刷新;废话不多说了 直接上代码;首先是html:&l...
浅析Ajax后台success传来json数据的问题

浅析Ajax后台success传来json数据的问题

最近在使用JQuery的ajax方法时,需要返回的数据为json数据,在success返回中数据处理会根据返回方式不同会采用不同的方式来生成json数据。在$.ajax方法中应该是如何来处理的,简单进行说明。首先给出要传的json数据:[{"demoData":"This Is The JSON Data"}]1,使用普通的aspx页面来处理$.ajax({ type: "post", url: "Default.aspx", dataType: "jso...
ajax处理服务器返回的三种数据类型方法

ajax处理服务器返回的三种数据类型方法

其原理很简单,结构上基本不变,只是改变处理返回数据的方式.1.Text/HTML格式 这种返回类型处理很简单,直接就当作字符串用就行了.为了方便使用,封装成如下函数:/** * @function 利用ajax动态交换数据(Text/HTML格式) * @param url要提交请求的页面 * @param jsonData 要提交的数据,利用Json传递 * @param getMsg 这个函数可以获取到处理后的数据 */function ajaxTex...
Ajax请求WebService跨域问题的解决方案

Ajax请求WebService跨域问题的解决方案

1、背景 用Jquery中Ajax方式在asp.net开发环境中WebService接口的调用2、出现的问题原因分析:浏览器同源策略的影响(即JavaScript或Cookie只能访问同域下的内容);3、解决方案:(1) JSONP:只支持GET方式(2) CROS:跨域资源共享以下为CROS解决方案: a.在WebService接口加上响应头信息: b.在web.config文件中加上相关配置节信息:运用a或者b的解决方案后,浏览器头信息中变动如下...
ajax无刷新验证注册信息示例

ajax无刷新验证注册信息示例

ajax无刷新验证注册信息示例,其大概思路如下: 一.把注册的html页面做好(html+css) 1.不需要form表单,直接用div包着 2.需要四个标签来显示正确、错误的信息显示 3.不用submit提交按钮,直接用button 如图:二.把ajax做成一个函数,通过传简单的参数可以与服务器进行数据交换. 1.这个ajax函数前面有一篇如何处理利用ajax处理返回数据的文章中详细说明了。 2.ajax函数需要三个参数,url,jsonData,get...
关于ajax的多次请求问题

关于ajax的多次请求问题

我们在用ajax请求数据时,可能会遇到一次点击多次触发的可能。(比如说:ajax 的 onreadystatechange 事件就会触发多次;这是因为 onreadystatechange 是一个事件句柄。它的值 (state_Change) 是一个函数的名称,当 XMLHttpRequest 对象的状态发生改变时,会触发此函数。状态从 0 (uninitialized) 到 4 (complete) 进行变化。仅在状态为 4 时,我们才执行代码。”每次X...
jquery ajax多次请求数据时 不刷新问题的解决方法

jquery ajax多次请求数据时 不刷新问题的解决方法

jquery的ajax在频繁请求数据,或者重复请求数据的时候出现了一个情况,那就是非ie浏览器正常,ie浏览器会设置缓存,导致第二次请求的时候不会刷新,系统报304 not modify,解决方案: jquery的ajax方法提供配置参数:cache,(只需将属性设置为false即可)详细: cache:Boolean默认: true, dataType为"script"和"jsonp"时默认为false如果设置为 false ,浏览器将不缓存此页面。以上...
浅谈Bootstrap的DatePicker日期范围选择

浅谈Bootstrap的DatePicker日期范围选择

用日期插件时,经常会有一种需求。两个input框选择。开始时间小于结束时间,结束时间大于开始时间,开始时间和结束时间都不大于当前时间。我们当然可以用选择的结果来判断输入正确与否。但是更好的办法是让我们的日期选择插件做出一些限制。Bootstrap搭配了很优秀的日期选择插件。DatePicker和DateTimePicker。两者功能很类似。使用方法也是差不多的。DatePicker支持更多的事件和设置。看api知道日期变化的时候会有一个事件changeDa...
AJAX实现图片预览与上传及生成缩略图的方法

AJAX实现图片预览与上传及生成缩略图的方法

要实现功能,上传图片时可以预览,因还有别的文字,所以并不只上传图片,实现与别的文字一起保存,当然上来先上传图片,然后把路径和别的文字一起写入数据库;同时为 图片生成缩略图,现只写上传图片方法,文字在ajax里直接传参数就可以了,若要上传多图,修改一下就可以了。借鉴了网上资料,自己写了一下,并不需要再新加页面,只在一个页面里就OK啦。JS代码://ajax保存数据,后台方法里实现此方法 function SaveData() { filename = do...
<< 1 2 3 4 5 6 7 8 9 10 >>