ajax y jquery

[danielnv18]

mmm digamos que soy un poco nuevo usando javascript y con el paso del tiempo me e dado cuenta que con jquery se puede simplificar muchos del codigo de javascript en unas cuantas linea asi que les pido ayuda a hacer mas simple este codigo con jquery

Código Javascript:

<script type="text/javascript">
    function pruebas(str, divID){
        if (str.length==0){ 
            document.getElementById("pCode").innerHTML="";
            return;
        }if (window.XMLHttpRequest){
            xmlHttp=new XMLHttpRequest();
        }else{
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        var url2="security/codename.php?C=" + str;
        url2 = url2 + "&amp;sid="+Math.random();
        var url="security/results.php?R=" + str;
        url=url+"&amp;sid="+Math.random();
        xmlHttp.open("GET",url,false);
        xmlHttp.send();
        document.getElementById("results").innerHTML=xmlHttp.responseText;
 
        xmlHttp.open("GET",url2,false);
        xmlHttp.send();
        document.getElementById("pName").value=xmlHttp.responseText;
    }
 
function code(str, divID){
        if (str.length==0){ 
            document.getElementById("pName").innerHTML="";
            return;
        }if (window.XMLHttpRequest){
            xmlHttp=new XMLHttpRequest();
        }else{
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        
        var url="security/codename.php?N=" + str;
        url=url+"&amp;sid="+Math.random();
        xmlHttp.open("GET",url,false);
        xmlHttp.send();
        document.getElementById("pCode").value =xmlHttp.responseText;
 
        var url2="security/results.php?R=" + xmlHttp.responseText;
        url2=url2+"&amp;sid="+Math.random();
        xmlHttp.open("GET",url2,false);
        xmlHttp.send();
        document.getElementById("results").innerHTML=xmlHttp.responseText;
    }
 

y lo tengo con ese form

Código HTML:

<label for="pCode">Codigo:</label>
<input type="text" id="pCode" name="pCode" class="required" value="" onkeyup="pruebas(this.value)" ></br>
<label for="pName">Nombre:</label>
<input type="text" id="pName" name="pName" class="required" value="" onkeyup="code(this.value)">

<div id="results" class="required"></div> 

eso en resumidas cuentas lo que hace es que cada producto tiene nombre y codigo y cuando digita el nombre se autocompleta el codigo y viceversa ademas de crear una tabla segun el codigo correspondiente al producto

como hago ese mismo codigo nada mas que con jquery?

[alexg88]

Buenas,

El código sería algo así, te lo hago de una función y ya miras tú como hacerlo en la otra. Mirate la documentación, que ahí viene todo.

Código Javascript:

function pruebas(str, divID){
   
  
        if (str.length==0){ 
            $("#pCode").empty();
            return;            
        }        
        
        var url="security/results.php";
        var url2="security/codename.php"; 
        
        $.ajax({
  type: "GET",
  url: url,
  data: { R: str, sid: Math.random()},
  success: function(data) {
    $('#results').html(data);   
  }
});
        
        $.ajax({
  type: "GET",
  url: url2,
  data: { C: str, sid: Math.random()},
  success: function(data) {
    $('#pName').html(data);   
  }
});
}​
 

Las llamadas con ajax es mejor hacerlas asincrónicas, no sincronas como las estás haciendo tú, porque si las haces síncronas, el navegador se congela mientras dura la petición.

Saludos.