CODEWITHSUNDEEP
phpajaxpost
yuli chika
yuli chika

Reputation: 9221

Problem in php ajax post value

I want to make a php ajax post.(post value without refresh the page) here is my code. It can return the value and show in <div id="msg"></div>, But I also want to use this value.

In @benhowdle89 's help, I made $name= "<div id='msg'></div>". but when I use echo $name, in the source code, I can see <div id='msg'></div>(html tag), this is not a pure value, so I tried to use strip_tags, but the value lost. it seems the left the ajax pointed div tag, the value also gone. Still waiting for help...

index.php

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script language="javascript"> 
function saveUserInfo() { 
    var msg = document.getElementById("msg"); 
    var f = document.user_info; 
    var userName = f.user_name.value; 
    var url = "value.php"; 
    var postStr   = "user_name="+ userName; 
    var ajax = false; 

    if(window.XMLHttpRequest) { 
        ajax = new XMLHttpRequest(); 
        if (ajax.overrideMimeType) { 
            ajax.overrideMimeType("text/xml"); 
        } 
    } else if (window.ActiveXObject) { 
        try { 
            ajax = new ActiveXObject("Msxml2.XMLHTTP"); 
        } catch (e) { 
            try { 
                ajax = new ActiveXObject("Microsoft.XMLHTTP"); 
            } catch (e) { 
            } 
        } 
    } 

    if (!ajax) { 
        window.alert("wrong"); 
        return false; 
    } 

    ajax.open("POST", url, true); 
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
    ajax.send(postStr); 
    ajax.onreadystatechange = function() { 
        if (ajax.readyState == 4 && ajax.status == 200) { 
            var myPhpVariable = ajax.responseText; 
            msg.innerHTML = myPhpVariable; 
            // myPhpVariable is now a variable which you can use
            alert( myPhpVariable ); 
        } 
    } 
} 
</script> 
</head> 
<body>
<?php
echo $name="<div id='msg'></div>";
$name1=strip_tags($name);
$name2 = explode("|",$name1);
$namea=$name2[0];
$nameb=$name2[1];
?>
<form name="user_info" id="user_info" method="post"> 
<input name="user_name" type="hidden" value="abc|def" /><br /> 
<input type="button" value="abc|def" onClick="saveUserInfo()"> 
</form> 
</body>

value.php

<?php 
echo $_POST["user_name"]; 
?>

This is what I want. post value from index.php, then get the value by self without refresh the page. one botton with two values, I want explode them and finally get $namea and $nameb. I want use them in other php part.

Upvotes: 1

Views: 1001

Answers (2)

matthewpavkov
matthewpavkov

Reputation: 2928

You can put the ajax response into a javascript variable, then you can manipulate it from there:

var myPhpVariable = ajax.responseText;
msg.innerHTML = myPhpVariable;
alert( myPhpVariable );

Here is a working javascript example (full code):

function saveUserInfo() {
    var msg = document.getElementById("msg");
    var f = document.user_info;
    var userName = f.user_name.value;
    var url = "value.php";
    var postStr   = "user_name="+ userName;
    var ajax = false;

    if(window.XMLHttpRequest) {
        ajax = new XMLHttpRequest();
        if (ajax.overrideMimeType) {
            ajax.overrideMimeType("text/xml");
        }
    } else if (window.ActiveXObject) {
        try {
            ajax = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {
            }
        }
    }

    if (!ajax) {
        window.alert("wrong");
        return false;
    }

    ajax.open("POST", url, true);
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    ajax.send(postStr);
    ajax.onreadystatechange = function() {
        if (ajax.readyState == 4 && ajax.status == 200) {
            var myPhpVariable = ajax.responseText;
            msg.innerHTML = myPhpVariable;
            // myPhpVariable is now a variable which you can use
            alert( myPhpVariable );
        }
    }
}

The PHP file would look like:

$postVar = $_POST["user_name"];
$postVarArr = explode('|', $postVar);

// will show abc
//echo $postVarArr['0'];

// will show def
echo $postVarArr['1'];

Upvotes: 1

roy
roy

Reputation: 3976

by including $name= "<div id='msg'></div>" and calling echo $name, you're just telling the program to store "" in the $name variable and then print what is stored in that variable. That's why you're getting the unwanted output.

not sure if you're having problems posting the value or showing it in the value, but you need to echo the variable where the userName is stored, may need to send that from the ajax to the php and set it to $name.

Upvotes: 0

Related Questions