Welcome

首页 / 脚本样式 / Ajax

菜鸟蔡之Ajax复习第二篇（JQuery中的load（）方法实现Ajax功能）

2016-07-27 31
在上一篇博客中写到的是在传统的Javascript中使用XMLHttpRequest对象异步加载数据的，唉，童鞋.......看到那些代码是不是有点头疼啊！呵呵......不仅是你，我都有点反感了，不仅要判断浏览器，还要......反正就是有一大坨代码，看起来毫不爽，现在，让我们忘记拿一大坨吧（记住：这里不是真的忘记哦！好像许多公司面试Ajax这块内容时，都会让你不用拖控件的方式写一个原生态的Ajax程序呢，所以它的重要性，你懂的！）！好了，说了这么多，应...

菜鸟蔡之Ajax复习第三篇（Ajax之无刷新登录）

2016-07-27 27
好了，还是和以前一样，先建一个Login.html页面吧，用于填写登录信息，然后再建一个DealData.aspx页面吧（当然，这里用一般处理程序是最好的了：*.ashx），用来处理数据用的。 在login.html页面中其代码如下： 复制代码 代码如下: <head> <title>无刷新登录</title> <script src="Scripts/jquery-1.4.1.js" type="text/jav...

Ajax方式提交带文件上传的表单及隐藏iframe应用

2016-07-27 32
一般的表单都是通过ajax方式提交，所以碰到带文件上传的表单就比较麻烦。基本原理就是在页面增加一个隐藏iframe，然后通过ajax提交除文件之外的表单数据，在表单数据提交成功之后的回调函数中，通过form单独提交文件，而这个提交文件的form的target就指向前述隐藏的iframe。 html 代码 复制代码 代码如下: <html> <body> <form action="upload.jsp" id="form1" ...

Ajax二级联动菜单实现原理及代码

2016-07-27 30
index.jsp: 复制代码 代码如下: <%@ page language="java" pageEncoding="UTF-8"%> <html> <head> <title>二级菜单联动演示</title> <script type="text/javascript"> var req; window.onload=function（） {//页面加载时的函数 } functi...

JQuery的ajax的用法在asp中使用$.ajax（）实现

2016-07-27 29
复制代码 代码如下: <% response.Expires=-1 response.CacheControl="no-cache" %> <！--#include file="../../conn/conn.asp"--> <！--#include file="../psw.asp"--> <！--#include file="../../functions/dofunction.asp"--> <！...

利用iframe实现ajax跨域通信的实现原理（图解）

2016-07-27 26
在漫长的前端开发旅途上，无可避免的会接触到ajax，而且一般情况下都是用在同一域下的ajax请求；但是如果请求是发生在不同的域下，请求就无法执行，并且会抛出异常提示不允许跨域请求，目前我没有找到明确的资料说明这是为什么，我觉得应该是出于安全性的考虑吧。纵然如此，要实现跨域访问的话，方法还是有的，而且不只一种，在这里介绍其中一种解决方案：如何利用iframe完成ajax的跨域请求。如下图所示：域a.com的页面request.html（即http://a.c...

jQuery Ajax使用心得详细整理及注意事项

2016-07-27 29
IE7及以下请求方式用GET的话，URL的限制是个很容易忽视的问题（最大2083个字符）。所以如果URL有可能过长的话，一定要用POST。 -------------------------------------------------------------------------------- 终止Ajax请求 终止请求需要调用XMLHttpRequest对象的abort（）方法 而在jQuery中的$.get,$.post、$.ajax、$.get...

Json数据异步绑定到界面的Table并且自动刷新原理及代码

2016-07-27 26
做Winform习惯了，大家都习惯设置datasource这样的写法。 如果想实现页面定时刷新的话，用.net给封装好的updatepanel和timer两个控件实现起来其实挺容易的。这样做加入了很多你不能控制的元素，举个例子说就是：用updatepanel后，你设置的样式很有可能就变了，然后你还需要去调这些。所以还是用一些自己控制性高的代码比较合适。 今天就先从这个updatepanel加timer实现页面自动刷新这个例子来下手吧。 首先来看一下我的一般...

JavaScript如何控制Session实现原理及代码

2016-07-27 30
看到这个题目，或许有人会提出疑问，JavaScript代表客户端，而Session代表的是服务器（不知道这样说大家是否能够理解）。 先说一下需求，我在做一个权限管理的时候，需要在点击某个模块时，Session中相应的改变模块代号，而实现这个操作的是一个a标签，当然我不知道 一个linkbutton是否可以同时将跳转页面和修改Session做了，个人感觉应该是可以的，具体能不能，如果有人做了Demo可以留言说明。 a标签，实现页面的跳转，他的onclick事...

Ajax实现静态刷新页面过程带加载旋转图片

2016-07-27 25
复制代码 代码如下: <！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 id="Head1" runat="server"> &l...

利用AjaxControlToolkit实现百度搜索时的下拉列表提示详细步骤

2016-07-27 28
AjaxControlToolkit是一组控件的集合，可以实现自动补充文本框，点击文本框弹出日历，加水印等Ajax效果,包含40多个控件,具体实现效果如：http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/Default.aspx 像百度搜索一样，根据用户输入自动联想相关词汇，借助AjaxControlToolkit中的AutoCompleteExtender控件很简单的实现，实现效果如下...

AJAX（XMLHttpRequest.status）状态码

2016-07-27 32
下面是Jquery中AJAX参数详细列表： 参数名类型描述url String（默认: 当前页地址） 发送请求的地址。typeString（默认: "GET"） 请求方式 （"POST" 或 "GET"）， 默认为 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。timeoutNumber设置请求超时时间（毫秒）。此设置将覆盖全局设置。async Boolean（默认: true） 默认设置下，所有...

Ajax $.getJSON案例详解

2016-07-27 27
复制代码 代码如下: <script type="text/javascript"> function pageIndexChanged（） { var url = "/OrderList/Lists"; var where = ""; @*location.href = "@this.Url.Action（"List"）？pageindex=" + $（"#pager"）.pager（"pageindex"） + "&pagesize=" +...

ajax的json传值方式在jsp页面中的应用

2016-07-27 34
jsp页面： 复制代码 代码如下: $（document）.ready（function（） { setInterval（function myTimer（） { //alert（"a"）; getViews（）; },1000）; }）; //播放 function getViews（）{ $.ajax（{ "url":"${pageContext.request.contextPath}/video/getVideos.action？r="+Math....

ajax struts2 下拉框赋值（适合所有）

2016-07-27 31
1.此代码适合所有下拉列表取值 2.一个项目所有的下拉列表只需要这一个公用方法； 步骤一：创建实体bean； 复制代码 代码如下: public class DictionaryBean { private String value_Id;//下拉框option的id private String value;//下拉框option的值 private String flag;//对应下拉框的值的类型，如flag=1，下拉列表为省份信息，flag=2为市级...

jquery ajax提交表单从action传值到jsp实现小结

2016-07-27 26
jsp页面： 复制代码 代码如下: var clientTel = $（"#clientTel"）.val（）; var activityId = $（"#activityId"）.val（）; $.ajax（{ type : "post",//发送方式 url : "/arweb/reserve/saveCode.action",// 路径 data : "clientTel="+clientTel+"&activityId="+activityId ,...

ajax的 IE cache 相关问题解决

2016-07-27 27
运用Ajax做了一个名字检验，第一次是有效的，但是提交过后，再检验一次，结果就不对了，是由于IE的cache的原因。 复制代码 代码如下: function verify（） { $.ajax（{ //issue for IE cache; timestamp=" + new Date（）.getTime（） url:"checkGroupName？timestamp=" + new Date（）.getTime（）, async: true, data:...

AJAX避免用户重复提交请求实现方案

2016-07-27 30
在使用AJAX（jQuery）异步请求数据时，为了避免因某些原因用户同时多次点击按钮，提交重复的请求，我们需要禁用请求提交按钮。 重点：jQuery的 attr 和 removeAttr 两个函数，主要是元素button的disabled属性。 Demo： 复制代码 代码如下: <body> <a class="disabled">Button disabeld</a><a class="abled">But...

ajax中文乱码问题解决方案

2016-07-27 28
ajax中文乱码问题在中文中经常会出现这种问题，其实只要稍加注意就不会出现ajax中文乱码这回事情了，注意前后台编码一致.你用的是中文.而ajax传输数据的时候用的是utf-8 ,还有对ajax get方法时最好escape 或urlcode, 复制代码 代码如下: <%@ page contenttype="text/html;charset=gb2312%> 如果是用servlet就加 复制代码 代码如下: response.setcon...

jquery ajax实现批量删除具体思路及代码

2016-07-27 31
js页面jquery代码： 复制代码 代码如下: // JavaScript Document $（document）.ready（function（） { // 全选 $（"#allChk"）.click（function（） { $（"input[name="subChk"]"）.prop（"checked",this.checked）; }）; // 单选 var subChk = $（"input[name="subChk"]"） subChk.c...
<< 111 112 113 114 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图