使用javascript將URL作為參數發送

Question

我必須從客戶端向服務器發送名稱和鏈接。 我想過使用Javascript調用的AJAX來做到這一點。

這就是我的意思。 我希望使用參數對名為abc.php的文件發出ajax請求： -

1. http://thumbs2.ebaystatic.com/m/m7dFgOtLUUUSpktHRspjhXw/140.jpg

2. Apple iPod touch, 3rd generation, 32GB

首先，我編碼了URL並嘗試發送它。 但是服務器說狀態是禁止的

對此有何解決方案？

更新::

它最終呼喚

http://abc.com/addToWishlist.php?rand=506075547542422&image=http://thumbs1.ebaystatic.com/m/mO64jQrMqam2jde9aKiXC9A/140.jpg&prod=Flat%20USB%20Data%20Sync%20Charging%20Charger%20Cable%20Apple%20iPhone%204G%204S%20iPod%20Touch%20Nano

Javascript代碼::

function addToWishlist(num) {
var myurl = "addToWishlist.php";
var myurl1 = myurl;
myRand = parseInt(Math.random()*999999999999999);

var rand  = "?rand="+myRand ;
var modurl = myurl1+ rand + "&image=" + encodeURI(storeArray[num][1]) + "&prod=" + encodeURI(storeArray[num][0]);
httpq2.open("GET", modurl, true);
httpq2.onreadystatechange = useHttpResponseq2;
httpq2.send(null);
}
function useHttpResponseq2() {
if (httpq2.readyState == 4) {
if(httpq2.status == 200) {
var mytext = httpq2.responseText;
document.getElementById('wish' + num).innerHTML = "Added to your wishlist.";
}
}
}

服務器代碼

<?php
include('/home/ankit/public_html/connect_db.php');

$image = $_GET['image'];
$prod = $_GET['prod'];
$id = $_GET['id'];



echo $prod;
echo $image;
?>

正如我所提到的，它非常基礎

更多更新：

在嘗試通過AJAX向服務器發送POST請求時，它說： -

Refused to set unsafe header "Content-length"
Refused to set unsafe header "Connection"

Answer 1

2件事。

1. 使用encodeURIComponent()而不是encodeURI() 。

   這里有一個詳細的討論： 你什么時候應該使用escape而不是encodeURI / encodeURIComponent？

2. 如果您不熟悉JavaScript，請使用一些lib來幫助您完成AJAX工作。 像mootools，jQuery等

Answer 2

使用POST請求解決了我的問題:)

function addToWishlist(num) {
var url = "trial.php";
var parameters = "prod=" + encodeURIComponent(storeArray[num][0]) + "&image=" + encodeURIComponent(storeArray[num][1]);
httpq2.open("POST", url, true);
httpq2.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
httpq2.onreadystatechange = function(){
if (httpq2.readyState == 4) {
if(httpq2.status == 200) {
var mytext = httpq2.responseText;
document.getElementById('wish' + num).innerHTML = "Added to your wishlist.";
}
}
};
httpq2.send(parameters);
}