How to pass textbox value to other page using Jquery&Ajax

Question

0.00/5 (No votes)

See more:

I need to pass textbox entered value to another page without submit button in Php.

My coding:

XML

<form name="frm1" id="frm1" method="post" enctype="multipart/form-data">
      <label>SEARCH:</label>
      <input name="tag" type="text" id="tag" size="20" />
      <input name="tag1" type="text" id="tag1" size="20" />
      </form>
      <script>
        $(document).ready(function() {
        $("#tag").change(function() {
        $.ajax({
            type: "POST",
            url: "autocomplete1.php",
            data: {
               tag: $("#tag").val()
            },
            success: function(result) {
            alert(tag);
            }
        });
        });
        });
        </script>

Posted 29-Jan-15 1:05am

Member 11310933

Updated 29-Jan-15 1:23am

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Naveen Kumar Tiwari · Answer 1 · 2015-01-29T01:39:00

It's a basic Idea using this you can pass textbox value from one page to another page using JavaScript and Html....Hope it helps

page1.html:

<html>
<form type=get action="page2.html">
<table>
<tr>
<td>First Name:</td>
<td><input type=text name=firstname size=10></td>
</tr>
<tr>
<td>Last Name:</td>
<td><input type=text name=lastname size=10></td>
</tr>
<tr>
<td>Age:</td>
<td><input type=text name=age size=10></td>
</tr>
<tr>
<td colspan=2><input type=submit value="Submit">
</td>
</tr>
</table>
</form>
</html>
2)page2.html:

<html>
<script LANGUAGE="JavaScript">
function getParams(){
var idx = document.URL.indexOf('?');
var params = new Array();
if (idx != -1) {
var pairs = document.URL.substring(idx+1, document.URL.length).split('&');
for (var i=0; i<pairs.length; i++){
nameVal = pairs[i].split('=');
params[nameVal[0]] = nameVal[1];
}
}
return params;
}
params = getParams();
firstname = unescape(params["firstname"]);
lastname = unescape(params["lastname"]);
age = unescape(params["age"]);
document.write("firstname = " + firstname + "<br>");
document.write("lastname = " + lastname + "<br>");
document.write("age = " + age + "<br>");
</script>
</html>

Peter Leow · Answer 2 · 2015-01-29T01:52:00

You are almost there, except the mistake in

alert(tag);

it should be

XML

alert(result);

for example, page1.html:

<html>
<head>
<script>
src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>
<form name="frm1" id="frm1" method="post" enctype="multipart/form-data">
      <label>SEARCH:</label>
      <input name="tag" type="text" id="tag" size="20">
      <input name="tag1" type="text" id="tag1" size="20">
      </input></input></form>
      <script>
        $(document).ready(function() {
            $("#tag").change(function() {
                $.ajax({
                    type: "POST",
                    url: "autocomplete1.php",
                    data: {
                        tag: $("#tag").val()
                    },
                    success: function(result) {
                        // show returned message in a pop up
                        alert(result);
                    }
               });
          });
     });
      </script>
</body>
</html>

To receive the data in autocomplete1.php:

<?php
// capture the sent value from tag and echo back
    $request = $_POST['tag'];
    // code to act on the $request
    // echo back to the calling page
    echo $_POST['tag'];
?>

How to pass textbox value to other page using Jquery&Ajax

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0