formフォームコミットからajax方式コミットへ

2381 ワード

詳細
プロジェクトを行う過程でformフォームの提出をajax方式の提出に転換することに遭遇しました.以下は私がまとめたformフォームの提出をajax方式の提出にシームレスに転換する方法です.
元のformフォームの長さは次のとおりです.
//action的值是请求的url地址


form>

 

要转化为ajax方式提交,需要做以下几个改变:

 

1. 将form元素的属性action和method去掉,添加id="myForm",form元素就变为

2. 将提交按钮的button的type="submit"改为type="button"

3. 在js文件中写入

$(function(){
    $.ajax({
    type : "GET",
    url : "xxx",   
    success : function (data) {
         console.log(data);   //data         
    }
});

 
これにより,formフォームのコミット方式をajaxリクエスト方式に快適に切り替えることができる.
PS:ajaxリクエストにカスタムHTTPヘッダを追加したい場合はajaxリクエストに
 
beforeSend: function(request) {
  request.setRequestHeader("Content-type", "application/json");  
// HTTP },