Ajax 传送数据

2019-11-01  本文已影响0人  zain丶月下

通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
如何传输数据?

一、ajax传送文件几个格式:

1 json格式:

json格式:
{"username":"张三","userId":"1"}

2 json字符串格式:

“{“username”:”张三”,”userId”:”1”}” ,或者JSON.stringify({“username”:”张三”,”userId”:”1”})
我们可以通过对象方式传值



后端解析方式:


3 标准格式

“username=张三&userId=1”
(“#form”).serialize()就可以把表单转化为这种格式
注意:要使用params = decodeURIComponent(data ,true)进行解码,不然中文数据会乱码。ajax在传值的过程中,一般都是字符的格式。
在实际的开发过程中。我们通常用formData来传送数据。因为formData不止支持标准的格式,而且还支持文件传输。



在这里笔者在提供一种方式
这种方式也就是用jquery.from自带的提交方式。这种方式在没有上传文件时最方便,直接上代码


//配置参数
var formData = new FormData();
var formDom = $("#dishesForm");
    //配置参数
    var options = {
            url: "${props['basepath']}tosavebusinessbyadd",
            type: "post",  
            success: function(res) {
                if(res.status==1){
                    layer.open({
                      content: '添加成功',
                      icon: 6,
                      yes: function(index, layero){
                        window.location.href= '${props["basepath"]}/tovacationlist';
                        layer.close(index); //如果设定了yes回调,需进行手工关闭
                      }
                    });     
                    
                }else if(res.status==0){
                    layer.alert('添加失败', {icon: 5});
                }
            },  
            dataType: "json", 
            clearForm: true,  
            resetForm: true,
            timeout: 60000     
    };
    //提交请求
    formDom.ajaxSubmit(options);

注意:在用这种方式提交时,要引入jquery.from文件(网上很多)


二:总结

post请求能用1、2、3类型传递参数
get请求能用1、3类型传递参数

上一篇下一篇

猜你喜欢

热点阅读