利用jquery完成表单域的收集,利用ajax实现信息传递给服务器存储
2015-08-29 16:09
1071 查看
利用jquery完成表单域的收集,利用ajax实现信息传递给服务器存储:
①.利用jquery中 val()方法
②及原始ajax post 提交
代码如下:
①.利用jquery中 val()方法
②及原始ajax post 提交
代码如下:
function fu() { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if(xhr.readyState == 4 && xhr.status ==200) { alert(xhr.responseText); } } //利用jquery val()收集表单 var name = $('#uname').val(); var pwd = $('#pwd').val(); var email = $('#email').val(); //拼装字符串 var info = 'name='+name+'&pwd='+pwd+'&email='+email; xhr.open('post','./login.php'); xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); xhr.send(info); }
相关文章推荐
- Spring mvc+jackson+jquery 返回json数据出现整合出现包冲突问题
- jquery中 val()操作 与 复选框、下拉列表、单选按钮的设置
- jquery中 css样式操作
- jquery中元素属性的操作
- jquery选择器用法
- jquery 鼠标 滑轮 滚动 方向
- jquery获取ip地址
- 【jQuery】$.ajax() 常用参数理解
- jquery 自定义插件开发整理
- 基于JQuery实现相同内容合并单元格[转]
- jquery input change事件
- jquery一个控件绑定多个事件
- jquery datatable使用
- js、jquery验证时间格式
- 瀑布流布局——jquery
- jquery网页加载进度条NProgress.js
- jquery制作拉开帷幕特效
- Jquery extend 函数的 用法 解析
- Jquery cookie
- [转载]jquery中attr和prop的区别