之前实现AJAX使用Javascript脚本一个一个敲出来的，很繁琐。学习Jquery之后就感觉实现AJAX并不是那么的困难了，当然除了Jquery框架外还有其它的优秀框架这里我就着重说下比较流行的Jquery。Jquery AJAX提交表单有两种方式，一是url参数提交数据，二是form提交（和平常一样在后台可以获取到Form表单的值）。在所要提交的表单中，如果元素很多的话建议用第二种方式进行提交，当然你要是想练练“打字水平”的话用第一种方式提交也未尝...
一些简单的代码简化 下面是一个简单示例，它说明了 jQuery 对代码的影响。要执行一些真正简单和常见的任务，比方说为页面的某一区域中的每个链接附加一个单击（click）事件，您可以使用纯 JavaScript 代码和 DOM 脚本来实现，如 清单 1 所示。 清单 1 ：没有使用 jQuery 的 DOM 脚本 代码如下:var external_links = document.getElementById(external_links); var links = external_links.getElementsByTagName(a); for (var i=0;...
因为工作需要研究了一下 js的ajax，下面是成果。主要是三部分：一、js部分 友情提示注意js部分中的 $("#btn_login")中的return false；这个可以阻止回转服务器不然还是会刷新 代码如下:$(document).ready(function () { $("#btn_login").click(function () { postlogin(); return false; });});function postlogin() { if (checkUserName() && checkUserPwd()) { var username = $('#txt_loginname'...
一、django的request中post对象为空（即获取不到前台ajax传送的post对象） 1、将django的setting中的django.middleware.csrf.CsrfViewMiddleware注释即可。2、或在from中添加{% csrf %}，后台接受的方法上加语法糖：@csrf_exempt，注意添加引用模块 3、若以上操作后还是不行，则将form标签中的action属性去掉（这里只是针对ajax处理，非表单提交） 二、对于ajax的复杂对象，例如[{"id":"001","name":"小明"},{"id":"002","name":"小...
最近在做查快递网页时遇到一个问题，调用的快递100的api，但是快递100api不允许跨域请求，就是用127.0.0.1发的请求会直接被拦截。 只是个简单的网页，不想自己做服务器转发，最后找到了一个yahoo提供的jsonp代理： http://query.yahooapis.com/v1/public/yql var queryUrl = "\"http://www.kuaidi100.com/query?type=" + $("#type").val() + "&postid=" + $("#postid").val() + "\"";$.ajax({url: http://query.yahooapis.com/v1/p...
ajax的使用方法，在js中调用cs文件中的一直方式，使用步骤如下 （1）下载ajax.dll，并添加项目的引用。 （2）在项目的webconfig的<httpHandlers>节点中，添加<add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax"/>节点 （3）在aspx页面的pageload方法中添加Ajax.Utility.RegisterTypeForAjax(typeof(ClassName));这里的ClassName是当前这个cs文件的类名。 （4）接下来在cs中编写的所有的想要在js中调用...
在网上看了很久，发现数据的利用ajax提交数据到后台其实很简单，但是很多讲解的并不清楚，对于初学者来说，很多真的是看着有点糊涂，拿来直接用，又想去了解怎么回事，其实利用ajax提交数据到后台是非常的简单的。 $.ajax({type: "POST",url: "register.php",data: "name=John&location=Boston",success: function(msg){alert( "Data Saved: " + msg );} });首先我们对上面这一串代码进行解读，当然使用ajax需要用到的是jQuery typ...
ajax 实现三级联动，相当于写了一个小插件，用的时候直接拿过来用就可以了，这里我用了数据库中的chinastates表，数据库内容很多，三级联动里的地区名称都在里面，采用的是代号副代号的方式 比如说北京吧，北京的代号是11，它下面的北京市副代号就11， 北京市的主代号是1101，北京市下面的地区副代号就是1101，调地区的时候可以根据主代号查询和它相同的副代号，就能查询出来 想要让三级联动的内容在页面显示，只需要在页面建一个...
1. 前台jsp，新建一个下拉控件 <select id="seldvd" onChange="sel_onchange(this)"></select> 2. js部分，建一个function方法，利用ajax，指向 getAllTypes.action 的servlet部分，获取传来的下拉列表的数据，动态填充 <span style="white-space:pre"> </span>function loadType(){ <span style="white-space:pre"> </span>$.get( <span style="white-space:pre"> </span> getAllTypes.action, <span style="white-space:...
主要功能流程介绍循环获取列表数据 点击列表数据进入详情页点击报名参加弹出报名成功提示框点击提示框中的确定按钮，跳回列表页 代码实现流程和解说 一、列表页 1、访问链接list.php时判断是pc端还是客户端$user_agent_arr = mall_get_user_agent_arr(); if(MALL_UA_IS_PC == 1) {//****************** pc版 ******************include_once ./list-pc.php;} else {//****************** wap版 ******************include_once ./l...
新增一个用户的时候，需要判断这个手机号码是否存在，最开始的想法很简单在textbox上设置一个onmouseout事件，在IE下有很好的体现，但在谷歌上却不是很有好ok，换个思路，在提交表单的时候来检验：//检验手机号码是否存在 function checkRepeat(){var id = ${item.id};var mobile = $("#mobile").val();//alert(id);if(id==null||id==){$.ajax({url: /admin/adminuser/ajaxCheckReapet.shtml?mobile=+mobile,type: GET,dataType: t...
Ajax: Asynchronous JavaScript and Xml , 异步js脚本和xml , 常用来实现页面局部的异步刷新, 对提高用户体验有很大帮助. Xml在多语言时较有优势, 但Ajax技术实际上较多采用Json对象而不是Xml来处理数据. (一) Ajax历史....了解性知识 Ajax归属于Web前端开发技术, 与javascript有着异常紧密的联系. Ajax就是一种实现异步通信无刷新的技术, 而这种技术可以有很多种实现方式. 浏览器的鼻祖网景(NetScape)公司最早发明了LiveScript脚...
什么是跨域？简单的来说，出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。 具体策略限制情况可看下表： URL说明允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.jshttp://www.a.com/script/b.js同一域名下不同文件夹允许http://www.a.com:8000/a.jshttp://www.a.com/b...
本文实例讲述了基于ajax的简单搜索实现方法。分享给大家供大家参考，具体如下： 这里使用两个.aspx文件，一个叫Default.aspx,一个叫AjaxOperations.aspx,第一个用来输入搜索数据，后一个用来对搜索关键字进行处理。js文件夹下面还有一个testJs.js的文件，它就是ajax操作的核心部分。不错，code is cheap。看代码： testJs.js// 此函数等价于document.getElementById /document.all function $(s) { if (document.getElementById) {...
本文实例讲述了Ajax加载外部页面弹出层效果实现方法。分享给大家供大家参考。具体实现方法如下： <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Ajax加载外部页面的一个弹出层效果</title> <style> body {mar...