Welcome

首页 / 脚本样式 / Ajax

Ajax和$.ajax使用实例详解（推荐）

2017-02-15 96
实例一（Ajax请求基本创建格式）：<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>Ajax练习（GET，不考虑浏览器兼容性）</title> <script type="text/JavaScript">function doRequest（） { //不考虑浏览器兼容性问题 var xmlHttp ...

Ajax入门学习教程（一）

2017-02-15 84
1 什么是AJAXAJAX（Asynchronous JavaScript And XML）翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML）。AJAX还有一个最大的特点就是，当服务器响应时，不用刷新整个浏览器页面，而是可以局部刷新。这一特点给用户的感受是在不知不觉中完成请求和响应过程。与服务器异步交互；浏览器页面局部刷新；2. 同步交互与异步交互同步交...

使用ajax实现分页技术

2017-02-15 92
ajax分页效果图如下： 首先，先看 HTML 代码和 CSS 代码，我们需要一个 table 和一个 footer：<div id="global"><div id="table"> <table> <col width="19%"> <col width="19%"> <col width="19%"> <col width="19%"> <col width="...

ajax无刷新评论功能

2017-02-15 84
这是留言板的界面，当用户点击提交留言的时候，自动提交到我的留言下面留言内容中为空，或者为灰色的“没有填写留言内容”都会弹出 请填写留言内容，当用户填写信息的会在右下角显示当前留言的字数。下面是javascript的代码//去掉左右尖括号 并用去掉空格后的字符串替代显示 function replaceBrackets（id） { var inputValue = $（"#" + id）.val（）; while （inputValue.indexOf（"&...

细数Ajax请求中的async:false和async:true的差异

2017-02-15 125
实例如下：function test（）{var temp="00";$.ajax（{async: false,type : "GET",url : "userL_checkPhone.do",complete: function（msg）{alert（"complete"）;},success : function（data） {alert（"success"）;temp=data;temp="aa";}}）;alert（temp）;}UserLActi...

Ajax与mysql数据交互制作留言板功能（全）

2017-02-15 81
最近自己做了一个小demo，实现了Ajax与MySQL的数据交互，js部分用的是jq，后台用的是php，数据库是mysql，过时间再来一个node+mongodb版的。关于mysql的使用和安装，就不多讲了，自行百度xampp，Apache服务器和mysql数据库集成，非常好用。首先打开服务器和数据库，我这里先建立了一个“eleven”的数据库，下面建立了一个叫做microblog的表（请注意：我这里使用的是高版本的mysql，里面php链接数据库的方法使...

AJAX +SpringMVC 实现bootstrap模态框的分页查询功能

2017-02-06 79
一 、效果图二、JSfunction getManagerList（dealerId,page2）{macAddress = document.getElementById（"activeXDemo"）.getMac（）;$.get（"${ctxPath}/common/dealer/manager?"+Math.random（）, { page2: page2, pageSize2: 9, dealerId: dealerId, macAddre...

Ajax动态为下拉列表添加数据的实现方法

2017-02-06 91
1. 前台jsp，新建一个下拉控件<select id="seldvd" onChange="sel_onchange（this）"></select> 2. js部分，建一个function方法，利用ajax，指向 "getAllTypes.action" 的servlet部分，获取传来的下拉列表的数据，动态填充<span style="white-space:pre"> </span>function l...

Ajax跨域访问Cookie丢失问题的解决方法

2017-02-06 93
ajax跨域访问，可以使用jsonp方法或设置Access-Control-Allow-Origin实现，关于设置Access-Control-Allow-Origin实现跨域访问可以参考之前我写的文章《ajax 设置Access-Control-Allow-Origin实现跨域访问》1.ajax跨域访问,cookie丢失首先创建两个测试域名a.fdipzone.com 作为客户端域名b.fdipzone.com 作为服务端域名测试代码setcookie....

Ajax 设置Access-Control-Allow-Origin实现跨域访问

2017-02-06 154
ajax跨域访问是一个老问题了，解决方法很多，比较常用的是JSONP方法，JSONP方法是一种非官方方法，而且这种方法只支持GET方式，不如POST方式安全。即使使用jQuery的jsonp方法，type设为POST，也会自动变为GET。官方问题说明：“script”: Evaluates the response as JavaScript and returns it as plain text. Disables caching by appendi...

Ajax实现注册并选择头像后上传功能

2017-02-06 92
在初次接触ajax后，我们做了一个crm训练的项目，大多数小组都有注册用户这一项，但是都忽略掉了一个功能，那就是，很多网站的注册是可以上传头像的，在这里我做了一个在已有的头像数组里选择图片上传作头像的小型crm（当然，可以从本地照片上传并裁剪的那种我还没做出来，不过只要有时间我就会研究的，相信时间也不会太久的）。1.先写出一个注册页面以及css样式我命名为regist.html，css文件名为regist.css，在这里我省略掉具体代码，上图看效果吧：（页...

AJAX用于判定用户是否注册

2017-02-06 82
在很多注册的页面上，我们可能会遇到以下情况，当我们注册用户名的时候可能会提示该用户名已注册，其实现是应用AJAX技术。首先写一个登陆页面<html><head><title></title><script type="text/javascript">var xmlHttp;var flag;function createXMLHttp（）{if（window.XMLHttpRequest）{xm...

基于Ajax技术实现无刷新用户登录功能

2017-02-06 81
代码如下:// JScript 文件function usersLogon（）{var userName = document.getElementById（"txtuserName"）.value;var password = document.getElementById（"txtpassword"）.value;var checkCode = document.getElementById（"txtCheckCode"）.value;var resp...

用ajax传递json到前台中文出现问号乱码问题的解决办法

2017-02-06 118
我使用的Springmvc，在controller层传输一个json到前台，后台显示没问题，中文正常显示而到了前台中文就变成了问号。后来发现，因为在controller中返回json用了@ResponseBody，而spring源码中@ResponseBody 的实现类发现其默认的编码是 iso-8859-1，而项目用的编码为utf-8,所以传中文会出现乱码。这里我使用了注解来解决：@RequestMapping（value="/echarts.do", ...

AJAX如何实现无刷新登录功能

2017-02-06 82
最近学习了如何实现无刷新登录,大体的效果如下（界面比较丑,请自行忽略....）:点击登录按钮时弹出登录窗口,输入正确的用户名密码后点击登录则登录窗口关闭,状态改为当前用户名.第一步:首先弹出窗口使用的是jquery-ui中的控件,第一步要学会如何使用.打开解压后的jquery-UI下的development-bundle->demos,找到index.html,选择dialog下的model dialog,右键查看源码,观察如何使用该控件,找到一句关...

完美解决ajax跨域请求下parsererror的错误

2017-02-06 146
ajax请求报parsererror错误是很宽泛的概念,很多情况下都报这个错,在很多时候,即使ajax提交、返回都正常XMLHttpRequest.status=200 （正常响应）XMLHttpRequest.readyState=4 （正常接收）ajax也会提示一个parseerror的错误.出现这个错误,大都是不良书写习惯,或者语法不当造成的.关于ajax的错误,请使用:error:function（XMLHttpRequest, textStatu...

ajax提交手机号去数据库验证并返回状态值

2017-02-06 78
本文实例为大家分享了ajax提交手机号去数据库的具体代码，并返回状态值,供大家参考，具体内容如下<script type="text/javascript"> $（function（）{ $（".agree_regi"）.click（function（）{var phone = $.trim（$（"#phone"）.val（））;if（phone == ""）{NewAlert（2,"请输入手机号",null）;return false;}el...

初学者必看的Ajax总结篇

2017-02-06 270
一、Ajax简介、优劣势、应用场景以及技术Ajax简介 :Asynchronous Javascript And XML （异步的JavaScript和XML）它并不是一种单一的技术，而是有机利用一系列交互式网页应用相关的技术所形成的结合体AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。优点：页面无刷新，用户体验好。异步通信，...

Ajax与mysql数据交互实现留言板功能

2017-02-06 79
最近自己做了一个小demo，实现了Ajax与MySQL的数据交互，js部分用的是jq，后台用的是PHP，数据库是mysql，过时间再来一个node+MongoDB版的。关于mysql的使用和安装，就不多讲了，自行百度xampp，Apache服务器和mysql数据库集成，非常好用首先打开服务器和数据库，我这里先建立了一个“eleven”的数据库，下面建立了一个叫做microblog的表（请注意：我这里使用的是高版本的mysql，里面php链接数据库的方法使用...

Ajax实现模拟关键字智能匹配搜索效果

2017-02-06 83
准备数据keyword.json：（这里只贴出部分数据）[{"id":1,"initial":"ad","keyword":"奥迪"},{"id":2,"initial":"ada4l","keyword":"奥迪A4L"},{"id":3,"initial":"ada6l","keyword":"奥迪A6L"},{"id":4,"initial":"adq5","keyword":"奥迪Q5"},{"id":5,"initial":"ada3","key...
<< 1 2 3 4 5 6 7 8 9 10 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图