ajax 提交 POST 表格数据 - NOTEBOOK
ajax 提交 POST 表格数据
PHP / MySQLJS / HTMLPosted on 2023-01-15
摘要 : 需要 jquery
❱ 引用 jQuery 文件
<script src="./assets/jquery2.2.4.min.js"></script>
❱ 点击 submit 按钮实现提交动作
<script type="text/javascript">
$(document).ready(function(){
$("#submit").mousedown(function(){
ajaxSubmit(); //提交
});
function ajaxSubmit(){
var fd = new formData(); //新表格
fd.append(content,$('#content').val()); // 加入数据 content
$.ajax({
url:'./?t=ajax', //网址
type: 'POST', //post
data:fd, //表格数据
async:true, //true异步,false 同步
contentType: false, //必须false才会自动加上正确的Content-Type
processData: false, //不转换数据类型
timeout: 1000,
beforeSend:function(){
//console.log("开始同步数据");
},
success:function(ajaxResult){
console.log(ajaxResult);
console.log("同步成功");
var obj = JSON.parse(ajaxResult); //json 转 js对象
//console.log(obj['message']);
//console.log(obj['somethingelse']);
},
error:function(){
//console.log("同步失败");
},
});
}
});
</script>
❱ php 代码
<?php
if($_GET['t']=='ajax'){
//ajax
if($_POST){
//处理post
}
//手动输出 json,换行符需要使用 \\n
echo '{"message":"保存成功","somethingelse":"哈哈哈"}';
exit;
}
?>