美文网首页
Ajax 传送数据

Ajax 传送数据

作者: zain丶月下 | 来源:发表于2019-11-01 10:18 被阅读0次

    通过在后台与服务器进行少量数据交换,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类型传递参数

    相关文章

      网友评论

          本文标题:Ajax 传送数据

          本文链接:https://www.haomeiwen.com/subject/ibovvctx.html