使用Ajax將數據發送到服務器

Question

如何將數據從客戶端DOM對象發送到服務器？ 服務器是Java spring mvc控制器。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>AdditionsPage</title>
</head>

<body>
<h1>Order state</h1>

Customer name: test<br />
Customer Address: test<br />
Pizza size: 32<br /><br />

<b>Available additions:</b><br/>

<table border="1">
    <tr>
        <td>#</td>
        <td>Addition name</td>
        <td>Addition price</td>
        <td>-</td>
    </tr>


        <tr>
            <td>1</td>
            <td>tomato</td>
            <td>30</td>
            <td><a id="row" value="1" href="/PizzaOrderApp/pizzaorder_add">Add</a></td>
        </tr>

        <tr>
            <td>2</td>
            <td>sausage</td>
            <td>50</td>
            <td><a id="row" value="2" href="/PizzaOrderApp/pizzaorder_add">Add</a></td>
        </tr>

        <tr>
            <td>3</td>
            <td>onion</td>
            <td>20</td>
            <td><a id="row" value="3" href="/PizzaOrderApp/pizzaorder_add">Add</a></td>
        </tr>

        <tr>
            <td>4</td>
            <td>fish</td>
            <td>50</td>
            <td><a id="row" value="4" href="/PizzaOrderApp/pizzaorder_add">Add</a></td>
        </tr>

        <tr>
            <td>5</td>
            <td>green pepper</td>
            <td>40</td>
            <td><a id="row" value="5" href="/PizzaOrderApp/pizzaorder_add">Add</a></td>
        </tr>

</table>      
<br/>

<b>Chosen additions:</b><br/>

<table border="1">



</table>    

</body>

上面的代碼是在瀏覽器中加載jsp的源。 Ajax調用應采用被單擊的行的值，並在發布請求中將其發送到appcontext / addpage。 一旦通話完成。 如何在服務器端獲取發送的值？

我打算使用的Ajax代碼：

$.ajax({  
    type:"POST",        
    url: "papp/addpage",
    data: $('#row').val(), 
    dataType: ?,//maybe jsonp
    timeout: 200000,

});

但是我需要幫助，如何引用單擊鏈接的行，如果使用JSON，如何在服務器端提取它。

Answer 1

希望下面的代碼對您有幫助

$("a.row").on('click',function(){

    var value = $(this).attr('value'); 
    var href  = $(this).attr('href');

    var object = {}
    object["value"] = value;

       $.ajax({  
          type:"POST",        
          url: "papp/addpage",
          data: object, 
          dataType: json
          timeout: 200000,
      });  

    });

使用Ajax將數據發送到服務器

問題描述

1 個解決方案

解決方案1
1 2015-09-28 09:58:43

使用Ajax將數據發送到服務器

問題描述

1 個解決方案

解決方案1 1 2015-09-28 09:58:43

解決方案1
1 2015-09-28 09:58:43