Question

希望你能帮助我，我最近被告知最适合我的是使用Ajax和JQuery。麻烦的是，这段代码很久以前就开始编程并且遵循教程。我试图传递JQuery格式但不以任何方式工作，不知道某种灵魂是否可以指导我如何去做。

代码如下：

这些函数定义了三个参数并将它们发送到另一个名为＆＃34; get_ajax＆＃34;的函数：

function resultado(contenido){
    var url='ajax/buscar.php?'+ contenido +'';// Get content
    var capa='resultado';
    var metodo='get';
    get_ajax(url,capa,metodo);
}
function paginas(contenido){
    var url='ajax/paginar.php?'+ contenido +'';// Get pages
    var capa='paginas';
    var metodo='get';
    get_ajax(url,capa,metodo);
}

然后创建了Ajax对象：

function creaAjax(){
    var objetoAjax=false;
    try{objetoAjax = new ActiveXObject("Msxml2.XMLHTTP");}
    catch(e){try {objetoAjax = new ActiveXObject("Microsoft.XMLHTTP");} 
    catch (E){objetoAjax = false;}}
    if(!objetoAjax && typeof XMLHttpRequest!='undefined') {
        objetoAjax = new XMLHttpRequest();}
    return objetoAjax;
}

最后定义＆＃34; get_ajax＆＃34;使用＆＃34;结果＆＃34;中定义的变量进行函数功能和＆＃34;页面＆＃34;：

function get_ajax(url,capa,metodo){ 
    var ajax=creaAjax();
    var capaContenedora = document.getElementById(capa);
    if (metodo.toUpperCase()=='GET'){
        ajax.open ('GET', url, true);
        ajax.onreadystatechange = function() {
            if (ajax.readyState==1){
                capaContenedora.innerHTML= "<center><img src=\"imagenes/down.gif\" /><br><font color='000000'><b>Loading...</b></font></center>";
            } else if (ajax.readyState==4){ 
                if(ajax.status==200){               
                    document.getElementById(capa).innerHTML=ajax.responseText; 
                }else if(ajax.status==404){
                    capaContenedora.innerHTML = "<CENTER><H2><B>ERROR 404</B></H2>0 RESULTS</CENTER>";
                } else {
                    capaContenedora.innerHTML = "Error: ".ajax.status;
                }
            } // ****
        }
        ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        ajax.send(null);
        return
    }
}

进行＆＃34; div＆＃34;调用javascript：

<div class="table-responsive">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" name="resultado" id="resultado">
        <script type="text/javascript">
            resultado('q=<?=$q?>&p=<?=$p?>');
        </script>
    </div>
</div>

但我认为最后一个是最少的。我一直试图改变＆＃34; get_ajax＆＃34;函数使它可以解析JQuery语法pero它不起作用。

提前致谢。

编辑：我试着改变＆＃34;得到ajax＆＃34;函数，我知道代码你完全错了，但我几乎没有使用JQuery的经验，我阅读了手册并知道每个州都有不同的角色，但这次我想直接用＆＃34;成功＆＃34;。

function get_ajax(url,capa,metodo){
    $(document).ready(function(){
        $('#resultado').hide();
        $('#form').submit(function(evento){
            $('#resultado').hide();        
            evento.preventDefault();
            var datos_formulario = $(this).serialize();        
            $.ajax({
                url: url,
                data: datos_formulario, //I don't know
                type: metodo,
                dataType: 'json',
                success: function(response){
                    $(capa).html(response);
                }
            });

        });
    });
}

如何使用JQuery Ajax传输此代码？

0 个答案: