ajax传输json到后台
2015-07-26 00:00
495 查看
摘要: 获取用户输入的表单数据转换为json通过ajax传输到后台
前端:
后台:
前端:
<script> $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name]) { if (!o[this.name].push) { o[this.name] = [o[this.name]]; } o[this.name].push(this.value || ''); } else { o[this.name] = this.value || ''; } }); return o; }; document.getElementById("hand").onclick = function() { var request = new XMLHttpRequest(); request.open("POST", "../controller/post.php"); var jsonuserinfo = $('#form1').serializeObject(); var data = JSON.stringify(jsonuserinfo); request.setRequestHeader("Content-type","application/x-www-form-urlencoded"); request.send(data); request.onreadystatechange = function() { if (request.readyState===4) { if (request.status===200) { document.getElementById("postResult").innerHTML = request.responseText; } else { alert("发生错误:" + request.status); } } } } </script>
后台:
<?php error_reporting(0); require_once('../model/PdoMySQL.class.php'); require_once('../model/config.php'); header("Content-Type: text/html;charset=utf-8"); if ($_SERVER["REQUEST_METHOD"] == "POST"){ create(); } //创建笼位申请信息 function create(){ //判断信息是否填写完全 $data=file_get_contents("php://input"); ... //忽略后面代码
相关文章推荐
- JavaScript学习笔记——运算符和表达式
- JavaScript推荐资料合集(前端必看)
- prefixfree.js_无前缀脚本
- 原生js封装Ajax
- JSTL标签 参考手册
- Javascript面向对象编程(二):构造函数的继承
- Javascript 面向对象编程(一):封装
- js创建对象的几种常用方式小结(推荐)
- Jsp/Servlet 基础
- JavaScript服务器端初探
- 18. JavaScript event 对象
- Javascript中数组的栈方法和队列方法
- action层计算得到了正确结果,但jsp显示为空
- JavaScript的子集和超集
- (筆記) 如何使用C語言實現Split()? (C/C++) (C) (JavaScript)
- JavaScript读书笔记---基本数据类型string与基本包装类型String
- js中获取触发事件对象的标签名称
- JavaScript正则表达式
- [LeetCode][JavaScript]String to Integer (atoi)
- JavaScript中的this(你不知道的JavaScript)