本文介绍了一种使用AJAX技术实现向服务器发送请求并添加新产品的JavaScript方法。此方法通过获取用户输入的产品名称，利用XMLHttpRequest对象进行POST请求，将产品信息发送到服务器端的一个特定接口，从而实现实时更新产品列表的功能。
<script type="text/javascript">
function add() {
var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
var productName = document.getElementById("productName").value;
var data = "action=AddNew&productname=" + productName;
data = encodeURI(data);
xmlhttp.open("POST", "../../Admin/ProductEdit.ashx?"+data, true);
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4)
{
if (xmlhttp.status == 200) //如果Http状态码为200则是成功
{
alert( xmlhttp.responseText);
}
else {
alert("AJAX服务器返回错误！");
}
}
}
xmlhttp.send();
}
</script>
function add() {
var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
var productName = document.getElementById("productName").value;
var data = "action=AddNew&productname=" + productName;
data = encodeURI(data);
xmlhttp.open("POST", "../../Admin/ProductEdit.ashx?"+data, true);
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4)
{
if (xmlhttp.status == 200) //如果Http状态码为200则是成功
{
alert( xmlhttp.responseText);
}
else {
alert("AJAX服务器返回错误！");
}
}
}
xmlhttp.send();
}
</script>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
