ajax link json type de données call

Question

Je veux envoyer les données via ajax vers une autre page. J'ai isolé le problème. C'est le code.

Merci à tous pour votre help..But aucun effet ..

code mis à jour

Il a travaillé ...

<script> 

    $(document).ready(function(){ 

    $(".edit").click(function(event) { 
    event.preventDefault(); //<--- to prevent the default behaviour 
    var box = 1233; 
    var size=123; 
    var itemname=123; 
    var potency=123; 
    var quantity=12333; 

    var dataString ={ 
       'box' :box, 
       'size':size , 
       'itemname':itemname, 
       'potency':potency, 
       'quantity':quantity 
       }; 


    $.ajax({ 
      url: "dd.php", 
      type: "post", 
      data: dataString, 

      success: function(data) { 
      alert(data); 

      }, 
      error: function(data) { 
      alert(data); 
      } 
      }); 

     }); 
     }); 

    </script> 

Je cliquez sur le lien, il navigue, à dd.php qui a

<?php 
echo json_encode(array('itemcode'=>$_POST['itemname'])); 
    echo $_POST['itemname']; 

?> 

J'obtiens Object Objec t comme alerte. Qu'est-ce qui ne va pas? Pls jeter quelques here..thanks lumière vous ..

Answer 1

$(document).ready(function(){ 

    $(".edit").click(function(event) { 
    event.preventDefault(); 
    var data = {"box":1233, 
    "size":565, 
    "itemname":565, 
    "potency":876, 
    "quantity":234}; 

      $.ajax({ 
      url: "dd.php", 
      type: "post", 
      data: data, 
      dataType: "json", 
      success: function(data) { 
      if(console){ 
    console.log(data); 
} 
      }, 
      error: function(data) { 
      if(console){ 
    console.log(data); 
} 
      } 
      }); 
     }); 
    }); 

Answer 2

quelques choses à considérer ... vous pouvez poster données object..which est propre et plus facile à utiliser

$(".edit").click(function(event) { 
event.preventDefault(); //<--- to prevent the default behaviour 
var box = 1233; 
.... 
var dataString ={'box':box,'size':size,'itemname':itemname,'potency':potency,'quantity':quantity}; 
$.ajax({ 
     url: "dd.php", 
     type: "post", 
     data: dataString, 
     dataType: "json", //<--- here this means the response is expected as JSON from the server 
     success: function(data) { 
     alert(data.itemcode); //<--here alert itemcode 
     }, 
     error: function(data) { 
     alert(data); 
     } 
     }); 

si vous avez besoin pour envoyer la réponse en tant que json dans PHP

<?php 
    echo json_encode(array('itemcode'=>$_POST['itemname'])) 
?> 

Answer 3

Ici, vous utilisez querystring comme envoyé dans la requête GET.

Si vous voulez envoyer les données en même formulaire, vous pouvez l'utiliser avec le type de requête GET:

$.ajax({ 
      url: "dd.php"+dataString, 
      type: "get", 
      dataType: "json", 
      success: function(data) { 
       console.log(data); 
       alert(data.itemcode); 
      }, 
      error: function(data) { 
      alert(data); 
      } 
     }); 

ou pour une requête POST, vous devrez mettre les données sous forme d'objets JSON, vous pouvez donc utilisation:

var dataString ={ 
      'box' :box, 
      'size':size , 
      'itemname':itemname, 
      'potency':potency, 
      'quantity':quantity 
      }; 

      $.ajax({ 
      url: "dd.php", 
      type: "post", 
      data: dataString, 
      dataType: "json", 
      success: function(data) { 
        console.log(data); 
        alert(data.itemcode); 
      }, 
      error: function(data) { 
      alert(data); 
      } 
      }); 
     }); 

Et mettre écho dans votre code php:

<?php 

echo json_encode(array('itemcode'=>$_POST['itemname'])) 

?> 

spectacles d'alerte Javascript [objet objec t] pour l'objet. Vous pouvez voir la réponse en utilisant console.log ou pouvez utiliser cette clé avec alerte.

Pour plus d'informations, reportez-vous jQuery.ajax()