ajax를 사용하여 페이지 새로 고침을 중지하는 양식 입력 제출

Question

양식을 사용하여 전자 상거래 카트에 데이터를 입력하고 싶지만 사용자가 '장바구니에 추가'버튼을 클릭 한 후 페이지를 새로 고치지 않고이 작업을 수행하고 싶습니다. 양식에서. jquery를 사용하여 페이지를 새로 고치지 않고 양식을 제출하는 사례가 많이 있습니다. 예를 들어 Submit A Form Without Page Refresh using 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> 

하고 스크립트 : 나는 자바 스크립트 및 JQuery와 아주 새로운 해요로 문제가 자리하고있는 곳

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

나는 확실하지 않다. 필자가 본 모든 예제는 폼의 입력을 처리하기 위해 PHP도 사용합니다. 전자 상거래가 coldfusion을 사용한다는 사실은 다른 접근 방식을 요구합니까?

미리 도움을 주셔서 감사합니다.

Answer 1

url: "http://ww#.aitsafe.com/cf/add.cfm", 여기서 발생합니다.
Ajax 요청을 응용 프로그램이 배포 된 다른 도메인과 다른 도메인으로 보낼 수 없습니다. 이는 웹 브라우저에 구현 된 Same Origin Policy (보안 조치) 때문입니다.