回覆列表
  • 1 # 蠻夷豈敢犯邊

    jquery-form.js這個外掛來實現回撥函式:

    <form method="post" action="請求介面地址" enctype="multipart/form-data" target="rfFrame">

    <div>

    <div>

    <label for="customName">廣告包名稱</label>

    <div>

    <input type="text" name="customName" placeholder="廣告包名稱">

    </div>

    </div>

    <div>

    <label for="limited">日限量</label>

    <div>

    <input type="text" name="limited" placeholder="每日下載次數">

    </div>

    </div>

    <div>

    <label for="file">URL地址</label>

    <div>

    <input type="file" name="file">

    </div>

    </div>

    <div>

    <label for="submit"></label>

    <div>

    <button type="button">提交</button>

    </div>

    </div>

    </form>

    <iframe name="rfFrame" src="about:blank"></iframe>

    注意:target="rfFrame"調取的是下面這個iframe的id值。作用是為了提交表單時防止頁面跳轉;表單要上傳檔案時需設定屬性enctype="multipart/form-data",具體原因不太清楚;

    好了,現在要上jquery-form.js 的提交程式碼了:

    $("#submit").click(function(){

    var options = {

    url:請求介面地址, //同action

    type:"post",

    beforeSend:function(xhr){//請求之前

    var index = layer.load(1, {

    shade: [0.5,"#000"] //0.5透明度的黑色背景

    });

    },

    success:function(data)

    {

          

    },

       complete:function(xhr){//請求完成

    layer.closeAll("loading");

    //詢問框

    layer.confirm("廣告主修改成功!頁面將跳轉到列表頁。", {

    }, function(){

    location.href = "adList.html";//location.href實現客戶端頁面的跳轉

    });

    },

    error: function(xhr,status,msg){

    //alert("狀態碼"+status+"; "+msg)

    layer.msg("玩命載入中..");

    }

    };

    $("#addform").ajaxSubmit(options);

    });

    另外說明一下,如果沒有上傳檔案的話,完全可以使用ajax請求就好了,沒必要這麼折騰。那也就說明 ajax請求不能夠上傳檔案,ajax只能傳遞文字類資訊。

  • 中秋節和大豐收的關聯?
  • 《如懿傳》沒有獲得《甄嬛傳》一樣的熱度和討論度,你認為原因出在哪?