ajax基础题

问题描述

问 题

2.$.ajax序列化表格内容为字符串的异步请求

var formParam = $("#form").serialize();//序列化表格内容为字符串 
console.log($('#form').serialize());
 $.ajax({  
     type:'post',      
     url:'Notice_noTipsNotice',  
     data:formParam,  
     cache:false,  
     dataType:'json',//序列化的数据提交的格式是json吗？
     success:function(data){  
     }  
});  

我的html 的一个input 代码如下：
<input name="MaintenanceRecord[room]" id="maintenancerecord-room" type="text">
console输出的是一个这样的数据：MaintenanceRecord%5Bbuilding%5D=%E6%BF%9B%E9%AB%98%E6%A5%BC%EF%BC%883%E5%8F%B7%E6%95%99%E5%AD%A6%E6%A5%BC%EF%BC%89&MaintenanceRecord%5Bfloor%5D=2&MaintenanceRecord%5Broom%5D=111&MaintenanceRecord%5Breportion%5D=222
那么我的php如何获得这个序列化的数据并处理？

解决方案

首先了解序列化是什么意思？

序列化，说白了就是将json对象转换为json字符串
所以，js对应的方法是JSON.stringify

我没有用过form表单的序列化，我喜欢直接组合json数据，比较灵活

$.ajax({
    url: "http://www.node.com/admin/admins",
    type: "post",
    contentType: "application/json; charset=utf-8",
    data: JSON.stringify({
        "name": $("input[name='name']").val()
    }),
    dataType: 'json',
    success: data => console.log(data),
    error: err => console.log(err)
})

我的后台是node，直接就接受到了，没有做任何转换，php也应该一样吧
我的方法，希望对你有参考价值

这篇关于ajax基础题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！