ajax链接json数据类型调用

I want to send the data via ajax to other page. I have isolated the problem. This is the code.

Thank you all for your help..But no effect..

updated code

It worked...

<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>

So I click the link,it navigates, to dd.php which has

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

?>

I get Object Object as alert. What am doing wrong? Pls throw some light here..thanks you..

$(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);
}
            }
            });
        });
    });

few things to consider... you can post data as object..which is clean and easier to use

$(".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);
        }
        });

so you need to send the response as json in PHP

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

Here you are using querystring as sent in GET request.

If you want to send the data in same form, you can use this with GET request type:

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

Or for POST request,you will have to put data in json object form, So you can use :

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);
            }
            });
        });

And put echo in your php code :

<?php

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

?>

Javascript alert shows [Object object] for object. You can see response using console.log or can use that key with alert.

For more information, refer jQuery.ajax()