web前端|js教程
AJAX,实例分析,数据
web前端-js教程本文实例讲述了AJAX提交表单数据的方法。分享给大家供大家参考。具体如下：
易语言qq登录界面源码下载,vscode ssh 工具,小米5 刷ubuntu,tomcat成功标志,sqlite 安装与配置,bootstrap treegrid插件,前端框架如何取代jsp,用爬虫逆序输出,php asp .net,站外SEO的推广,在线生成logo网站源码,单网页模版,免费威客网站模板,js让页面没有地址栏,javaee新闻管理系统,vb nt服务程序lzw
var TINY={}; TINY.ajax = function() { return { /** * @param string type 请求类型,post,get（目前只实现了这两种） * @param strng url 请求的地址 * @param object data 当使用post请求时的请求参数，ex: data=> {name:adam} * @param function callback 成功返回时的回调函数 */ call : function(type, url, data, callback) { var xhr = window.XMLHttpRequest ? new XMLHttpRequest : new ActiveXObject(Microsoft.XMLHTTP);// for ie xhr.onreadystatechange = function() {if (xhr.readyState == 4 && xhr.status == 200) {callback.call(this, xhr.responseText);} } switch (type.toUpperCase()) { case POST:xhr.open(POST, url, true);// 这句比较重要xhr.setRequestHeader(Content-type, application/x-www-form-urlencoded);var formData = \;for ( var i in data) {formData += i + = + data[i] + &;}xhr.send(formData);break; default:xhr.open(GET, url, true);xhr.send(null)break; } } } }();
遍历表单各元素，将参数值组织成JSON格式
最新微信裂变源码,vscode嵌入式插件,ubuntu 循环密码,tomcat怎么使用html,itcast爬虫例子,php后台不显示验证码,广元seo网络推广公司电话,html网站架设,账户充值页面模板htmllzw
这里对CheckBox复选框做了特殊处理，后台接收到的该值为所有复选框值用逗号的拼接
怎么测试网站源码,vscode版本怎么看,ubuntu颜色编码,tomcat禁用日志输出,大型爬虫食物,php深圳电子,无锡seo推广哪个公司好,帝国网站mysql 数据库开发,关于我们的代码模板下载lzw
function serialForm(form){ var e = form.elements; var ht = new Array(); var checkbox = new Array(); for(var i = 0; i < e.length; i++) { if(e[i].type=="checkbox"){ if(e[i].checked){if(checkbox[e[i].name] != null) checkbox[e[i].name].push(e[i].value);else checkbox[e[i].name] = [e[i].value]; } } else { ht.push(e[i].name+":\"+e[i].value+"\"); ht.push(","); } } for (var ddd in checkbox ){ ht.push(ddd + ":\" + checkbox[ddd] + "\"); ht.push(","); } ht.push("nt:0"); return eval(({ + ht.join("") + })); };
AJAX的调用：
TINY.ajax.call(post, listfrom.do, serialForm(frm), function(data){ var ret = eval((+data+)); if(ret.errid==0){ alert(ret.text); window.location.reload(); } else{ alert(ret.text); } });
谈到服务器端返回的JSON格式数据，支持如下格式
String str = "[{\"mailAddr\":\"edison@\"}, {\"mailAddr\":\"jay@\"}]";response.setContentType("application/json;charset=UTF-8");response.getWriter().write(str);
前端调用
function show(){ $.post("listmail.do", {"name" : "John"}, function(data){ for(var i = 0; i < data.length; i++){ alert(data[i].mailAddr); } }, "json");}
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
浅析 MVC 中Ajax的使用
JQuery Ajax动态生成Table表格
AJAX跨域请求之JSONP获取JSON数据
