Javascript 为什么这篇Java脚本文章不起作用？ 函数storemarker（）{ var txtTitle=document.getElementById（'txtTitle'）。值； var sendInfo={txtTitle:txtTitle }; var-req； if（window.XMLHttpRequest）{ req=新的XMLHttpRequest（）； } 否则{ req=newActiveXObject（“Microsoft.XMLHTTP”）；//IE } req.onreadystatechange=函数（）{ 如果（req.readyState==4&&req.status==200）{ var mydata=JSON.parse（req.responseText）； } } 请求打开（“POST”，“Home.aspx/ButtonClick”，true）； 请求setRequestHeader（“内容类型”、“应用程序/x-www-form-urlencoded”）； 请求发送（“txtTitle=“+txtTitle”）； }

[网络方法]
公共静态字符串按钮单击（字符串txtTitle）
{
//返回标题；
返回“警报（'按钮被点击'）；”；
}

我试图把它作为一个小例子来实现。我刚看过代码，看不出有什么问题

---

有人能告诉我这个代码有什么问题吗？谢谢

您必须取消提交按钮的默认行为，即提交表单，或者使用普通按钮和不提交按钮

现在，您的代码确实会向服务器发送请求，但随后也会提交表单，因此页面会“重新加载”

其中一个办法是：

<input type="submit" id="button" class="buttom" value="Add Road" onclick="storemarker()"/> 

[WebMethod]
    public static string ButtonClick(string txtTitle)
    {
        //return title;
        return "alert('The Button was Clicked');";
    }

或：

添加道路

这怎么不起作用？您希望它做什么？您不会对ResponseSider执行任何操作，也不会监听

submit

事件并使用

event.preventDefault

方法阻止事件的默认操作。

<input type="submit" id="button" class="buttom" value="Add Road" onclick="storemarker()"/> 

[WebMethod]
    public static string ButtonClick(string txtTitle)
    {
        //return title;
        return "alert('The Button was Clicked');";
    }

<input type="submit" id="button" class="buttom" value="Add Road" onclick="storemarker(); return false;"/>

<button type="button" id="button" class="buttom" onclick="storemarker()">Add Road</button>