Please enable java script to visit.
NOTEBOOK
HOMEPHP / MySQLJS / HTMLWXappPythonC++Blender其他
ajax 提交 POST 表格数据 - NOTEBOOK
ajax 提交 POST 表格数据
PHP / MySQLJS / HTML
Posted 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;
}

?>