Enviar con JQUERY mediante JSONP variables para procesar en un PHP

[amelper]

Hola compañeros!

Mi objetivo es crear dos ficheros, cada uno en un dominio distinto. El primer fichero será un JQuery que extraerá unas variables dadas y posteriormente enviará a un fichero PHP, ubicado en otro dominio, el cual deberá agregar dichas variables en una base de datos.

El fichero PHP está destinado exclusivamente a agregar esos datos al MySQL, por tanto no devolverá nada.

Problema, he conseguido hacerlo con ambos ficheros en el mismo dominio, pero no logro hacerlo como debo.

¿Alguien me puede ayudar?

Thanks!

Código Javascript:

function QJ()
{
    //Variables generales
    var IP        = '192.168.56.3';
    var urlclip   = 'http://'+IP+'/almacenar.db.php';
    var divid     = 'UT'+Math.round(Math.random()*100);
 
    //Obtenemos el texto seleccionado
    x = document.createElement('div');
    x.appendChild(window.getSelection().getRangeAt(0).cloneContents());
 
    //Extraemos todo el Tag HEAD
    var head      = document.getElementsByTagName('head')[0];
 
    //Agregamos fichero JQuery
    var jquery    = document.createElement('script');
    jquery.type   = 'text/javascript';
    jquery.src    = 'http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js';
 
    //Agregamos fichero JQuery-UI (.dialog)
    var jqueryui  = document.createElement('script');
    jqueryui.type = 'text/javascript';
    jqueryui.src  = 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js';
 
    head.appendChild(jquery);
    head.appendChild(jqueryui);
 
    jquery.onload = function()
    {
        jqueryui.onload = function()
        {
            $.ajax(
            {
                url:        urlclip,
                type:       'post',
                data:       'q='+escape(x.innerText)+
                            '&u='+location.href+
                            '&t='+escape(document.title)+
                            '&i='+divid,
                async:      'false', 
                success:function(data)
                {
                    alert ("enviado");
                }
            });
        }
    }
}
 

Código PHP:

<?php
    header('Access-Control-Allow-Origin: *');
 
    $DB['host'] = "localhost";
    $DB['user'] = "root";
    $DB['pass'] = "";
    $DB['name'] = "temporal";
 
    $dba = mysql_connect ($DB['host'], $DB['user'], $DB['pass']) or die ("ERROR MYSQL_CONNECT: ". MYSQL_ERROR());
    mysql_select_db($DB['name'],$dba) or die ("ERROR MYSQL_SELECT_DB". MYSQL_ERROR());
 
    $sql = "INSERT INTO JS_Temp VALUES ('".$_POST['i']."','".$_POST['t']."','".$_POST['u']."','".$_POST['q']."');";
    mysql_query ($sql,$dba) or die ("ERROR MYSQL_QUERY<br>$sql<br>".MYSQL_ERROR());
 
    mysql_close ($dba) or die ("ERROR MYSQL_CLOSE: ".MYSQL_ERROR());
?>
 

[amelper]

En Java script, existe un algoritmo que crea un formulario dinámico e invisible y lo envía por post automáticamente. Mi objetivo es lograr hacer lo mismo, pero en jquery.

Este es el algoritmo:

Código Javascript:

var windows=window.open('','"+"','width=640,height=480');
    var form=windows.document.createElement('form');
    form.setAttribute('method','post');
    form.setAttribute('action','http://www.dominio.com/test_post.php');
    for(var k in vars)
    {
        var input = document.createElement('input');
        input.setAttribute('type','hidden');
        input.setAttribute('name',k);
        input.setAttribute('value',vars[k]);
        form.appendChild(input);
    }
    windows.document.body.appendChild(form);
    form.submit();
 

[amelper]

Al final no he logrado el hito marcado empleando integramente JQuery, dado que la put-ada del crossdomain es muy gorda.

Por tanto he empleado una mezcla de mi primer source con el nuevo.

Código Javascript:

function QJ()
{
    //Variables generales
    var IP        = '192.168.56.3';
    var urlclip   = 'http://'+IP+'/almacenar.db.php';
    var divid     = 'UT'+Math.round(Math.random()*1000000);
 
    //Obtenemos el texto seleccionado
    x = document.createElement('div');
    x.appendChild(window.getSelection().getRangeAt(0).cloneContents());
 
    //Extraemos todo el Tag HEAD
    var head      = document.getElementsByTagName('head')[0];
 
    //Agregamos fichero JQuery
    var jquery    = document.createElement('script');
    jquery.type   = 'text/javascript';
    jquery.src    = 'http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js';
 
    //Agregamos fichero JQuery-UI (.dialog)
    var jqueryui  = document.createElement('script');
    jqueryui.type = 'text/javascript';
    jqueryui.src  = 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js';
 
    head.appendChild(jquery);
    head.appendChild(jqueryui);
 
    jquery.onload = function()
    {
        jqueryui.onload = function()
        {
            var ptu=function(vars)
            {
 
                var div = document.createElement('div');
 
                div.id            = divid+'FATHER';
                div.innerHTML     = '<iframe></iframe>';
 
                document.body.appendChild(div);
 
                var ifram = div.firstChild;
                var iframe = ifram.contentDocument || ifram.contentWindow.document;
                iframe.open();
                iframe.close();
 
                var form = iframe.createElement('form');
                iframe.body.appendChild(form);
 
                form.setAttribute('method','post');
                form.setAttribute('action',urlclip);
 
                for(var k in vars)
                {
                    var input = iframe.createElement('input');
                    input.setAttribute('type','hidden');
                    input.setAttribute('name',k);
                    input.setAttribute('value',vars[k]);
                    form.appendChild(input);
                }
                form.submit();
            };
 
            ptu(
            {
                a:'YES',
                q:escape(x.innerText),
                u:location.href,
                t:escape(document.title),
                i:divid
            });
        }
    }
}
 

Ahora voy a intentar adjuntar a este fichero un .DIALOG que abra un iframe 100% y este llame a un fichero externo.