將表格中的HTML資料發送到JSON檔案中（Ajax/Jquery）。

我以前從來沒有做過這個，我對Ajax也沒有太多經驗。我想做的事情，我相信是相當簡單的。

我想從這個表單中獲取資料：

我想從這個表單中獲取資料。

 <form action="/comics. json" method="post" class="admin__add">
        <label for="admin__id"/span>>。 ID</label> 
        <input type="text" class="admin__id" >
        <label for="admin__price">價格</label>。
        <input type="number" class="admin__price" >
        <label for="admin__url">URL</label>
        <input type="text" class="admin__url">
        <label for="admin__data-item-description">Data-item-descriptin</label>
        <input type="text" class="admin__data-item-description">
        <label for="admin__data-item-name"> data-item-name</label>
        <input type="text" class="admin__data-item-name" >
        <label for="admin__year">year</label>
        <input type="number" class="admin__year" >
        <label for="admin__issue">issue</label>
        <input type="text" class="admin__issue">
        <label for="admin__series">系列</label>
        <input type="text" class="admin__series" >
        <label for="admin__type">type</label>
        <input type="text" class="admin__type" >
        <label for="admin__label">標簽</label>
        <input type="text" class="admin__label" >
        <label for="admin__sale-price">sale-price</label>
        <input type="number" class="admin__sale-price" >
        <label for="admin__publisher">出版商</label>
        <input type="text" class="admin__publisher">
        <label for="admin__extra">extra</label>
        <input type="text" class="admin__extra" >
        <label for="admin__run">run?</label>
        <input type="text" class="admin__run">
        <label for="admin__weight">weight</label>
        <input type="number" class="admin__weight" >
        <label for="admin__stock">stock</label>
        <input type="number" class="admin__stock">
        <label for="admin__allowOutOfStockPurchases">allowOutOfStockPurchases</label>
        <input type="text" class="admin__allowOutOfStockPurchases" >
        <button class="admin__submit">SUBMIT</button>
    </form>

然后把它添加到我的Json檔案中，該檔案的結構是這樣的：

到目前為止，我得到了這樣的代碼，但我不知道我在做什么，我知道它是完全錯誤的。

$("admin__submit").click(function(){
var id = $('.admin__id') 。
var price = $('.admin__price') 。
var url = $('.admin__url') 。
var data1 = $('.admin__data-item-description') 。
var data2 = $('.admin__data-item-name');
var year = $('.admin__year') 。
var issue = $('.admin__issue') 。
var series = $('.admin__series') 。
var type = $('.admin__type') 。
var label = $('.admin__label') 。
var price = $('.admin__sale-price') 。
var publisher = $('.admin__publisher') 。
var extra = $('.admin__extra') 。
var run = $('.admin__run') 。
var weight = $('.admin__weight') 。
var stock = $('.admin__stock') 。
var allowOutOfStockPurchases = $('.admin__allowOutOfStockPurchases') 。


$.post("comics.json",
{
    "id" : '"'   id   '"。
    "price" : '"'   price   '"',
    "url" : "/"。
    "data-item-description" : '"'   data1   ''。
    "data-item-image" : '"'   url   ' "'。
    "data-item-name" : '"'   data2   ' "'。
    "year" : '"'   year   '"',
    "issue" : '"'  issue   '"'。
    "系列" : '"'   系列   '"',
    "type" : '"'  type   '"'。
    "label" : '"'  label   '"'。
    "sale-price" : '"'   sales-price   '"',
    "publisher" : '"   publisher   '"'。
    "extra" : '"'   extra   '"',
    "run" : '"'   run   '"',
    "dimensions" : {
        "weight" : '"'   weight   '"'.
    },
    "股票" : 股票。
    "allowOutOfStockPurchases" : allowOutOfStockPurchases
},
function(data, status){
  alert("資料。"   data   "
狀態。"   status)。
});

});

uj5u.com熱心網友回復：

只需為你的每個輸入添加.val()。

var price = $('.admin__price') 。

在這里，你對你的輸入做了一個參考，并將其保存在變數price中。因此，每當你需要得到它的值時，你將對它呼叫.val()

$.post("comics.json"/span>,
{
    "id" : id.val() 。
    "price" : price.val（）。

這應該可以做到這一點

標籤：

上一篇：在jsonb列中搜索查詢

下一篇：Pandas資料框架的矢量桶/聚合？