+ -
当前位置:首页 → 问答吧 → 如何提交表单数据到用AJAX做的更新页面。

如何提交表单数据到用AJAX做的更新页面。

时间:2011-04-30

来源:互联网

我现在的网站(http://www.lanrd.com/)的首页遇到一个问题,在首页上有一个表单,如下图:

请问如何通过这个表单,成功把数据准确传到:
http://www.lanrd.com/originals.php
这个页面。
我对AJAX一点不了解。请高手们看看我的网站的代码,分析一下。

作者: aming0412   发布时间: 2011-04-30

点提交后进入一个JS的函数,在函数里面得到需要提交的数据,然后用Ajax发送请求,发送请求的时候就像在地址栏上直接访问一样,把参数连在后面

作者: zhangao0086   发布时间: 2011-04-30

楼上,可以看到我网站页面在浏览器里显示的源码吗?具体怎么整?

作者: aming0412   发布时间: 2011-04-30

把这个搜索的按钮改一改:
HTML code

<input name="" type="button" onclick="submit()" class="bt11021210" value="">



JScript code

    function CreateAjaxObject(){
        try{
       // Firefox, Opera 8.0+, Safari
                    return new XMLHttpRequest();
            }
             catch (e){
      // Internet Explorer
                    try{
                          return new ActiveXObject("Msxml2.XMLHTTP");
                    }
                     catch (e){
                             try{
                                 return new ActiveXObject("Microsoft.XMLHTTP");
                             }
                             catch (e){
                                 alert("您的浏览器不支持AJAX!");
                                 return false;
                             }
                      }
                }
    }

    function submit(){

        var select2 = document.getElementsByName("select2")[0].value;
        var select3 = document.getElementsByName("select3")[0].value;
        //...

        var xmlHttp = CreateAjaxObject();
        xmlHttp.onreadystatechange=function(){
             if(xmlHttp.readyState==4){
                if(xmlHttp.status==200||xmlHttp.status==304){
                    //执行到这里,表示一切正常
                }
            }
         }
        xmlHttp.open("post","${pageContext.request.contextPath}/originals.php",true);
        xmlHttp.send(null);
    }


写完整,有什么问题就说出来

作者: zhangao0086   发布时间: 2011-04-30

楼上写的很完整了

作者: kkjjww   发布时间: 2011-04-30

热门下载

更多