[ajax]passare variabili da un form ad una pagina php

[alek3]

Salve a tutti! sono nuovo del forum
spero mi possiate aiutare
in pratica devo fare l'inserimento di 2 valori in un db mysql e volevo utilizzare ajax
ho 2 pagine , 1 con il form e lo script java e 1 con il codice php.
il problema è ( si è stupidisso ma di javascript sono veramente niubbo) che non riesco a passare due valori , ma solo uno ( si in pratica non so come finire il codice)

<script language="Javascript">
function xmlhttpPost(strURL) {
var xmlHttpReq = false;
var self = this;
// Xhr per Mozilla/Safari/Ie7
if (window.XMLHttpRequest) {
self.xmlHttpReq = new XMLHttpRequest();
}
// per tutte le altre versioni di IE
else if (window.ActiveXObject) {
self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}
self.xmlHttpReq.open('POST', strURL, true);
self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
self.xmlHttpReq.onreadystatechange = function() {
if (self.xmlHttpReq.readyState == 4) {
updatepage(self.xmlHttpReq.responseText);
}
}
self.xmlHttpReq.send(getquerystring());
}

function getquerystring() {
var form = document.forms['fd'];
qstr = form.nick.value
return qstr;
}

function updatepage(str){
document.getElementById("result").innerHTML = str;
}
</script>

il problema sta in queste righe:
function getquerystring() {
var form = document.forms['fd'];
qstr = form.nick.value
return qstr;
}
in pratica cosi funziona ma passa solo un valore del form (appunto nick) ma io ne dovrei passare 2 ma non so esattamente come modificare il codice ho provato in vari modi ma niente

mi potete aiutare?

Grazie mille in anticipo

[alek3]

Ok, sembrerebbe abbia risolto con il codice ma...
<script language="Javascript">
function xmlhttpPost(strURL)
{
var xmlHttpReq = false;
var self = this;

if (window.XMLHttpRequest)
{
self.xmlHttpReq = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}

self.xmlHttpReq.open('POST', strURL, true);
self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
self.xmlHttpReq.onreadystatechange =
function()
{
if (self.xmlHttpReq.readyState == 4)
{
updatepage(self.xmlHttpReq.responseText);
}
}

self.xmlHttpReq.send(getQueryString());
}

function getQueryString()
{
var form = document.forms['core1'];
qstr = 'name=' + escape(form.nick.value)
+ '&user=' + escape(form.utente.value);
return qstr;
}
function updatepage(str){
document.getElementById("result").innerHTML = str;
}
</script>


non invia nessuna variabile

[pietro09]

Prova a vedere questa semplice funzione, forse ti potrà servire

funzione ajax

// File JScript
function sajax(url, onload, parameters, onerror)
{
	parameters = (parameters == undefined)? "" : parameters;
	
	//creazione oggetto per richiesta web
	var objHTTP = getXMLHttp();
	objHTTP.open("post", url, true);
	objHTTP.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	objHTTP.setRequestHeader('Content-length',parameters.length);
	objHTTP.setRequestHeader('Connection', 'close');

	objHTTP.onreadystatechange = function() 
	{ 
		if (objHTTP.readyState == 4) 
		{
			if (objHTTP.status == 200 || objHTTP.status == 0)
			{
				this.request = objHTTP;
				if(onload) onload.call(this);
			}											
			else {if(onerror && typeof(onerror) == "function") {onerror(defaultError); return;}else {defaultError(); return;}}
		}
	};

    objHTTP.send(parameters);
    

    function getXMLHttp() 
    {
	    var xmlhttp = null;
    	
	    if(window.XMLHttpRequest) 
	    {
		    xmlhttp = new XMLHttpRequest(); // Gecko (Firefox, Moz), KHTML (Konqueror, Safari), Opera, Internet Explorer 7
	    } 
	    else if(window.ActiveXObject) 
	    {
		    try
		    {
			    xmlhttp = new ActiveXObject("MSXML2.XMLHTTP"); // Internet Explorer 6 
		    } 
		    catch(e) 
		    {
			    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); // Internet Explorer 4,5 
		    }
		    } 
	    else 
	    {
		    xmlhttp = null;
	    }
	    return xmlhttp;
    };

	function defaultError()
	{
		alert("ERRORE NELLA TRASMISSIONE DATI!");
	};
}

//al posto di mettere document.getElementById("div1"), mettere $("div1")
function $() {
  var elements = new Array();

  for (var i = 0; i < arguments.length; i++) {
    var element = arguments[i];
    if (typeof element == 'string')
      element = document.getElementById(element);

    if (arguments.length == 1)
      return element;

    elements.push(element);
  }

  return elements;
}

una semplice pagina che manda due valori via post al server

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="b.aspx.vb" Inherits="prove_b" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Pagina senza titolo</title>
    <script src="../js/sajax.js" type="text/javascript"></script>

    <script language="javascript" type="text/javascript">
// <!CDATA[
function Button1_onclick()
{
    var parametri = "Text1=" + $("Text1").value
        + "&" + "Text2=" + $("Text2").value;
        
    sajax("?ajax_comando=1", onload, parametri);
    function onload()
    {
        $("div1").innerHTML = this.request.responseText;
    }
}


// ]]>
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <input id="Text1" type="text" />
        

        <input id="Text2" type="text" />
        

        <input id="Button1" type="button" value="button" onclick="Button1_onclick();"/>
        


        <div id="div1"></div>
    </form>
</body>
</html>

[alek3]

Grazie milleeeeeeeee
mi è stato veramente d'aiuto!

ci stavo uscendo pazzo VVoVe:
la prossima volta studio di più heheheh

Grazie ancora