Làm cách nào để gửi nhiều trường dữ liệu qua Ajax? [đóng cửa]

Tôi bị kẹt: Tôi đang cố gửi biểu mẫu bằng AJAX, nhưng tôi không thể tìm cách gửi nhiều trường dữ liệu qua cuộc gọi AJAX của mình.

$(document).ready(function() {
  $("#btnSubmit").click(function()  {
    var status = $("#activitymessage").val();
    var name = "Ronny";
    $.ajax({
      type: "POST",
      url: "ajax/activity_save.php",
      **data: "status="+status+"name="+name"**,
      success: function(msg) {...

Tôi đã thử tất cả các loại công cụ:

data: {status: status, name: name},

Hoặc thậm chí những thứ như thế này chỉ nhằm mục đích thử nghiệm:

data: "status=testing&name=ronny",

Nhưng bất cứ điều gì tôi cố gắng, tôi không nhận được gì trong activity_save.phpSQL của mình.

Vậy, cú pháp chính xác để đặt nhiều dòng dữ liệu hơn trong cuộc gọi AJAX của tôi là gì?

Cú pháp đúng là:

data: {status: status, name: name},

Như được chỉ định ở đây: http://api.jquery.com/jQuery.ajax/

Vì vậy, nếu điều đó không hiệu quả, tôi sẽ cảnh báo các biến đó để đảm bảo chúng có giá trị.

Bạn có thể gửi dữ liệu qua JSON hoặc qua POST bình thường, đây là một ví dụ cho JSON.

 var value1 = 1;
 var value2 = 2;
 var value3 = 3;   
 $.ajax({
      type: "POST",
      contentType: "application/json; charset=utf-8",
      url: "yoururlhere",
      data: { data1: value1, data2: value2, data3: value3 },
      success: function (result) {
           // do something here
      }
 });

Nếu bạn muốn sử dụng nó thông qua bài viết bình thường hãy thử điều này

 $.ajax({
      type: "POST",
      url: $('form').attr("action"),   
      data: $('#form0').serialize(),
      success: function (result) {
         // do something here
      }
 });

Hãy thử với dấu ngoặc kép:

data: {"status": status, "name": name}

Nó phải hoạt động tốt.

var countries = new Array();
countries[0] = 'ga';
countries[1] = 'cd';

sau đó bạn có thể làm như sau:

var new_countries = countries.join(',')

sau:

$.ajax({
    type: "POST",
    url: "Concessions.aspx/GetConcessions",
    data: new_countries,
    ...

Điều này hoạt động như định dạng chuỗi JSON.

Theo http://api.jquery.com/jquery.ajax/

$.ajax({
  method: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" }
})
.done(function( msg ) {
  alert( "Data Saved: " + msg );
});

Cái này làm việc cho tôi

Đây là PHP của tôi:

<div id="pageContent">
  <?php
    while($row = mysqli_fetch_assoc($stmt)) {
  ?>
  <br/>
  <input id="vendorName_" name="vendorName_<?php echo $row["id"]; ?>" value='<?php echo $row["vendorName"]; ?>'>
  <input id="owner_" name="owner_<?php echo $row["id"]; ?>" value='<?php echo $row["owner"]; ?>'>
  <input id="city_" name="city_<?php echo $row["id"]; ?>" value='<?php echo $row["city"]; ?>'>
  <button id="btn_update_<?php echo $row["id"]; ?>">Update</button>
  <button id="btn_delete_<?php echo $row["id"]; ?>">Delete</button>
  <?php
    }
  ?>
  </br></br>
  <input id = "vendorName_new" value="">
  <input id = "owner_new" value="">
  <input id = "city_new" value="">
  <button id = "addNewVendor" type="submit">+ New Vendor</button>
</div>

Đây là jQuery của tôi bằng AJAX:

$("#addNewVendor").click(function() {
  alert();
  $.ajax({
    type: "POST",
    url: "create.php",
    data: {vendorName: $("#vendorName_new").val(), owner: $("#owner_new").val(), city: $("#city_new").val()},
    success: function(){
      $(this).hide();
      $('div.success').fadeIn();
      showUsers()
    }
  });
});

Tôi là người mới bắt đầu tại ajax nhưng tôi nghĩ để sử dụng kiểu dữ liệu "data: {status: status, name: name}" này phải được đặt thành JSON tức là

$.ajax({
type: "POST",
dataType: "json",
url: "ajax/activity_save.php",
data: {status: status, name: name},

Dùng cái này

data: '{"username":"' + username + '"}',

Tôi thử rất nhiều cú pháp để làm việc với laravel, nó hoạt động với tôi cho laravel 4.2 + ajax.

Thử cái này:

$(document).ready(function() {
  $("#btnSubmit").click(function() {
    var status = $("#activitymessage").val();
    var name = "Ronny";
    $.ajax({
      type: "POST",
      url: "ajax/activity_save.php",
      data: {'status': status, 'name': name},
        success: function(msg) {...

Tôi chưa quen với AJAX và tôi đã thử nó và nó hoạt động tốt.

function q1mrks(country,m) {
  // alert("hellow");
  if (country.length==0) {
    //alert("hellow");
    document.getElementById("q1mrks").innerHTML="";
    return;
  }
  if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  } else {
    // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
      document.getElementById("q1mrks").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","../location/cal_marks.php?q1mrks="+country+"&marks="+m,true);
  //mygetrequest.open("GET", "basicform.php?name="+namevalue+"&age="+agevalue, true)
  xmlhttp.send();
}

Thử sử dụng :

$.ajax({
    type: "GET",
    url: "something.php",
    data: { "b": data1, "c": data2 },   
    dataType: "html",
    beforeSend: function() {},
    error: function() {
        alert("Error");
    },
    success: function(data) {                                                    
        $("#result").empty();
        $("#result").append(data);
    }
});

Đây là những gì làm việc cho tôi sau 2 ngày gãi đầu; tại sao tôi không thể nhận cài đặt 'dữ liệu' AJaX để gửi hai khóa / giá trị (bao gồm một biến chứa dữ liệu hình ảnh thô) là một bí ẩn, nhưng dường như đó là hàm jQuery.param () được viết cho;

tạo một mảng params với các biến của bạn, không có dấu ngoặc kép:

var params = { key_name1: var_1, key_name2: var_2  }; // etc.

var ser_data = jQuery.param( params );   // arbitrary variable name

Sử dụng biến ser_data làm giá trị dữ liệu của bạn;

      $.ajax({
       type: 'POST',
       url: '../php_handler_url.php',
       data: ser_data,
    }).success(function(response) {
       alert(response);
    });

Tài liệu có tại đây: https://api.jquery.com/jQuery.param/

Mong rằng sẽ giúp!