自己知道的三種前後臺傳遞數據的模式(form)表單

第一種 json

$(function () {
    $('.lgbtn2').click(function () {
        var name = $('#eLogiName').val();
        var pw =$('#eLoginPass').val();
        $.ajax({
            url:"/index1",
            type:"post",
            data:{name:name,pw:pw},
            dataType:"json", /*processData:false,
            contentType:false,*/
            success:function(data) { alert("success"); },
            error:  function(XMLHttpRequest, textStatus, errorThrown) {  alert(XMLHttpRequest.readyState + XMLHttpRequest.status + XMLHttpRequest.responseText);   },
            complete :function(r){
                alert("complete");
            }

        });
    })
})

特別注意的是 

data傳遞數據的時候 是不加引號的  要不然獲取不到值

第二種form標籤

$(function () {
    $('.lgbtn2').click(function () {
        var name = $('#eLogiName').val();
        var pw =$('#eLoginPass').val();
        var form = new FormData();
        form.append('name',name);
        form.append("pw",pw) ;
        $.ajax({
            url:"/index1",
            type:"post",
            data:form
            processData:false,
            contentType:false,
            success:function(data) { alert("success"); },
            error:  function(XMLHttpRequest, textStatus, errorThrown) {  alert(XMLHttpRequest.readyState + XMLHttpRequest.status + XMLHttpRequest.responseText);   },
            complete :function(r){
                alert("complete");
            }

        });
    })
})

第三種 serialize()

  var mess;
            var name = $("input[name='uname']").val();
            var pwd = $("input[name='upwd']").val();
            $.ajax({
                url: "/SignlnRegister2_war_exploded/Login",
                type: "post",
                async: false,
                data: $('form').serialize(),
                success: function (data) {
                    mess = data;
                }
            });

數據只要改成$('form').serialize()就可以了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章