Run a script from ajax

Question

Run a script from ajax

Navigation

#1 by (1 votes)

-1

I have created a file called catalogo.php in which 2 HTML controls of type select are found; one that shows the brand of the products, and the other that shows the products according to the selected brand.

File content catalogo.php :

<select id="marca">
     <option>Marca 1</option>
     <option>Marca 2</option>
     <option>...</option>
</select>
<select id="producto">
      <option>Producto 1</option>
      <option>Producto 2</option>
      <option>...</option>
</select>

Well up to here everything is fine, now when you select a product you should load all the information (description, price, etc) into a div inside it, I did it using ajax in the same way as I did with the control select of product and it works perfectly.

The detail is that I have a slider with the photos of the product which is not shown because the script is not executed which is in a separate file.

If I put the following tag at the end of the body of catalogo.php :

<script src="slider"></script>

This script is going to run and as it does not find the information to which it should give operation, which would be the images loaded by the select control, it does not produce anything even though I already bring it with ajax .

On the other hand, if I put it inside the file that makes the query and it brings all the information of the products, it would not be executed either because I understand that ajax inserts everything as a string.

My question is: is there any way to run the script and from ajax?

javascript php ajax

asked by Cutu 27.06.2016 в 23:32

source

1 answer

Understanding the escape sequences in javascript problems extending AppCompatActivity to use material design

score 1 · Accepted Answer

What you want is dynamic loading of scripts, if I have understood correctly.

If you use Jquery you can do it with jQuery.getScript .

If you want it without dependencies, try:

/**
 * Carga scripts javascript que no se hayan cargado durante la carga de la pagina
 *
 * @param {string} sRuta Ruta donde se encuentre el script a cargar
 * @param {function} oCallback Callback a ejecutar despues de la carga
 * @param {string} sType Tipo que se asignara al elemento cargado, por omision "text/javascript" (hara que se interprete como tal), poner otro tipo para evitar el interprete js, ej.: text/jshtml
 * @return {boolean}
 */
JaSper_loadScript = function (sRuta, oCallback, sType){
    sType = sType || 'text/javascript';

    var oHead = document.getElementsByTagName('head')[0] || document.documentElement;
    var sScriptId = 'JaSper_script_' + sRuta.replace(/[^a-zA-Z\d_]+/, '');

    if(!document.getElementById(sScriptId)){
        var oScript = document.createElement('script');
        oScript.setAttribute('id', sScriptId);
        oScript.setAttribute('type', sType);
        oScript.setAttribute('src', sRuta);

        oScript.onload = oScript.onreadystatechange = function (){
            if(!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete'){
                oScript.onload = oScript.onreadystatechange = null;
                oCallback.call(oScript);

                if(oHead && oScript.parentNode){
                    oHead.removeChild(oScript);
                }
            }
        };

        oHead.insertBefore(oScript, oHead.firstChild);
    }
    else{
        oCallback.call(document.getElementById(sScriptId));
    }

    return true;
};