如何通過AJAX/JS發送更多數據

在我的代碼片段下面我的Ajax會發送一些數據到response.php。如果我想通過Ajax發送更多數據，我該如何繼續？我想添加例如user_id，如我的HTML代碼底部所示。如何通過AJAX/JS發送更多數據

$(document).ready(function() { 

    $("#FormSubmit").click(function (e) { 
      e.preventDefault(); 
      if($("#contentText").val()==='') 
      { 
       alert("Du følger allerede denne bloggen"); 
       return false; 
      } 
      var myData = 'content_txt='+ $("#contentText").val(); 
      jQuery.ajax({ 
      type: "POST", 
      url: "assets/plugin/ajax-follow/response.php", 
      dataType:"text", 
      data:myData, 
      success:function(response){ 
       $("#responds").append(response); 
       $("#contentText").val(''); 
      }, 
      error:function (xhr, ajaxOptions, thrownError){ 
       alert(thrownError); 
      } 
      }); 
    }); 

});

HTML

<div class="form_style"> 
<input type="hidden" name="content_txt" id="contentText" value="'.$user_info[u_id].'"> 
<input type="hidden" name="user_id" id="userid" value="'.$whotofollow[u_id].'"> 
<button id="FormSubmit">Følg</button> 
</div>

來源

2013-03-28 user2217702

使用JSON

$(document).ready(function() { 

$("#FormSubmit").click(function (e) { 
     e.preventDefault(); 
     if($("#contentText").val()==='') 
     { 
      alert("Du følger allerede denne bloggen"); 
      return false; 
     } 
     var myData = 'content_txt='+ $("#contentText").val(); //build a post data structure 
     var userId = $("#user_id").val(); 
     var JsonData = {userId : userId,myData : myData};  // Build a JSON object 

     jQuery.ajax({ 
     type: "POST", // HTTP method POST or GET 
     url: "assets/plugin/ajax-follow/response.php", //Where to make Ajax calls 
     dataType:"JSON", // Data type, HTML, json etc. 
     data : JsonData, //Form variables 
     success:function(response){ 
      $("#responds").append(response); 
      $("#contentText").val(''); //empty text field on successful 
     }, 
     error:function (xhr, ajaxOptions, thrownError){ 
      alert(thrownError); 
     } 
     }); 
}); 

});

來源

2013-03-28 15:09:41

我不認爲這工作。無法處理腳本。 – user2217702

你可以手工打造POSTDATA像：

var myData ={ 

content_txt:$("#contentText").val(), 

user_id:$('#user_id').val() 
}

但jQuery的provi de一種爲您自動構建表單數據的方法！

var str = $("formabc").serialize();

你需要換你想要發送到服務器與ID的形式= 「formabc」

你的HTML更改爲所有元素：

<div class="form_style"> 
<form id="formabc"> 
<input type="hidden" name="content_txt" id="contentText" value="'.$user_info[u_id].'"> 
<input type="hidden" name="user_id" id="userid" value="'.$whotofollow[u_id].'"> 
<button id="FormSubmit">Følg</button> 
</form> 
</div>

來源

2013-03-28 15:14:17

那麼我應該如何實現它？ – user2217702

看到我編輯的答案 –

你不有到使用JSON。所有你需要做的是創建一個字符串（在你的例子中附加到myData）與有效載荷並將其發送到您的服務器。

來源

2013-03-28 15:18:07

如何通過AJAX/JS發送更多數據

回答

相關問題