Question

我遇到表单onsubmit（）的问题。我不想重新加载页面，只想将2个参数传递给另一个php。

 <script type="text/javascript">
 function doSomething() {

 if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else {
        // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById("addCategory").innerHTML = this.responseText;
        }
    };

    xmlhttp.open("GET","/api/add_item_main_category.php?q1="+document.getElementById("myText1").value+"&q2="+document.getElementById("myText2").value,false); ///* Tested with true */
    xmlhttp.send();
    return false;
  }
  </script>

这是我的表格。

<form href="JavaScript:void(0);" onsubmit="return doSomething(); ">
    <input type="text" id="myText1" name="maincategory" placeholder="Main Category" style="width: 100%;">
    <input type="text" id="myText2" name="subcategory" placeholder="Sub Category" style="width: 100%;">
    <br/>

    <input type="submit" name="submit" value="Add Main Category">
    <br/>
    <div id="addCategory" ></div> 
</form>

提交按钮就像这个网址"/api/add_item_main_category.php?q1=Car&q2=Toyota"一样。不像上面的表单那样处理用户输入并且重定向。

没有表单重载的ajax http请求？

0 个答案: