0

使用している e コマース カートにフォームを使用してデータを入力したいのですが、ユーザーがフォームから [カートに追加] ボタンをクリックした後にページを更新せずにこれを行いたいと考えています。jquery を使用してページを更新せずにフォームを送信する多くの例を見つけました 。

私のフォーム：

<form method="POST" id="formname">
<input name="userid" id="userid" value="00000000" type="hidden">
<input name="product" id="product" value="product name" type="hidden">
<input name="price" id="price" value="1.00" type="hidden">
<input name="qty" id="qty" value="1" type="hidden">
<input name="nocart" id="nocart" value="1" type="hidden">
<input name="units" id="units" value="1" type="hidden">
<input name="scode" id="scode" value="xxxx" type="hidden">
<input name="hash" id="hash" value="xxxxxxxx" type="hidden">
<input name="return" id="return" value="http://www.returnaddresshere" type="hidden">
<input type="submit" value="Add to cart">
</form>

そしてスクリプト：

<script src="jquerylocation.js"></script>
<script>
$(document).ready(function(){
$("form#formname").submit(function(event) {
    event.preventDefault();
    var userid = $("#userid").val();
    var product = $("#product").val();
    var price = $("#price").val();
    var qty = $("#qty").val();
    var nocart = $("#nocart").val();
    var units = $("#units").val();
    var scode = $("#scode").val();
    var hash = $("#hash").val();
    var return = $("#return").val();

    $.ajax({
        type: "POST",
        url: "http://ww#.aitsafe.com/cf/add.cfm",
        data: "userid=" + userid + "&product=" + product "price=" + price + "&qty=" + qty "nocart=" + nocart + "&units=" + units "scode=" + scode + "&hash=" + hash + "&return=" + return,
        success: function(){alert('order added to cart');}
    });
});
});
</script>

私はjavascriptとjqueryに非常に慣れていないので、問題がどこにあるのかわかりません。私が見たすべての例では、フォームからの入力を処理するために php も使用しています。電子商取引がコールドフュージョンを使用しているという事実は、別のアプローチを必要とするでしょうか?

よろしくお願いします。

4

1 に答える 1

0

url: "http://ww#.aitsafe.com/cf/add.cfm",ここで犯人です
アプリケーションがデプロイされているドメイン以外のドメインに Ajax リクエストを送信することはできません。これは、Web ブラウザに実装されている同一生成元ポリシー(セキュリティ対策) によるものです。

于 2012-10-21T19:15:07.777 に答える