Jquery-ajaxは成功しません。

Question

私はajaxを初めて学びました。それを学ぶだけで、同じフォルダ内のjsonファイルの取得と投稿をテストするためにlocalhostで簡単なページを作成しました。

GETはスムーズに動作していますが、私はこの機能を割り当てたボタンをクリックするとポストが発生しないのはわかりません。 Plsは私のコードを見て助けます。

element = $("#mylist"); 
var item2 = $("#mytable"); 

$.ajax({ 
    type: "GET", 
    url: "data.json", 
    success: function(response) { 
    $.each(response, function(i, item) { 
     element.append("<li>" + item.fname + " " + item.lname + "</li>"); 
     item2.append("<tr><td>" + item.lname + "</td>" + "<td>" + item.fname + "</td></tr>"); 
    }); 
    }, 
    error: function() { 
    alert("error"); 
    } 
}); 

$("#additem").on('click', function() { 
    var $fname = $("#fname"); 
    var $lname = $("#lname"); 
    var $city = $("#city"); 
    var order = { 
    fname: $fname.val(), 
    lname: $lname.val(), 
    city: $city.val() 
    }; 
    console.log(order); 

    $.ajax({ 
    type: "POST", 
    url: "data.json", 
    data: order, 
    succes: function() { 
     console.log("succes"); 
    }, 
    error: function() { 
     console.log("no success"); 
    } 
    }); 
}); 

JSFiddle

Answer 1

問題は、パトリック・エヴァンスは、コメントで述べているように、.jsonファイルに投稿しようとしているです。あなたは、PHPで、あなたがこのような何かを行うことができ、スクリプトにポストを実行する必要があります。これが機能するための当然の

$order = $_POST['order']; 
// Do something with order... 
echo $order; // or echo success message 

ご使用のサーバー（ローカルホスト）上で実行されているPHPが必要になります。