How to Send Jquery Ajax data on Same php Page?

Question

hi i want to send javascript data via ajax to the same page in wordpress. Cannot fetch the data in testajax.php page. its shows Undefined index: name. And how to send the data on same php page rather than testajax.php ?

<script>
jQuery.ajax({
                type: "POST",
                url: 'http://localhost/projects/xxx/wordpress/wp-content/themes/xxx/testajax.php',
                data: {name:'foo'},
                success: function(data)
                {
                    alert('success');
                }
            });

I don't see the URL... Where are you sending your data ? Maybe this is the problem... — Mohamed Amine
– Mohamed Amine, Commented Aug 28, 2013 at 12:59
I hope u r still adapting to AJAX. This is completely wrong. you have to have a url provided.. — thecodejack
– thecodejack, Commented Aug 28, 2013 at 12:59
Everyone... a blank URL means it submits to the same page, as OP wants. — tymeJV
– tymeJV, Commented Aug 28, 2013 at 13:00
Please provide more code. Have you tried using Chrome's Developer Tools (F12) to check for Javascript syntax? — Christian Dechery
– Christian Dechery, Commented Aug 28, 2013 at 13:01

웃웃웃웃웃 · Accepted Answer · 2014-10-27 12:52:37Z

4

var foo = 'somename';
jQuery.ajax({
    url:'yourUrl',
    type: "POST",
    data: {'name':foo},
    success: function(data)
        {
           alert('success');
        }
});

php

<?php
   if(isset($_POST['name'])){
      //Do whatever you want
   }else{
      //Do whatever you want
   }

?>

edited Oct 27, 2014 at 12:52

answered Aug 28, 2013 at 12:59

웃웃웃웃웃

12k15 gold badges63 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Mikeys4u Over a year ago

Your missing a ) in the php isset

Alex McLean Over a year ago

@웃웃웃웃웃 Can you not leave the url field empty?

Nox · Accepted Answer · 2013-08-28 13:01:02Z

2

jQuery.ajax({
   url: "./_FILE_" // ./index.php for example
   type: "POST",
   data: {name:'foo'},
   success: function(data)
   {
      alert('success');
   }
});

answered Aug 28, 2013 at 13:01

Nox

2461 silver badge10 bronze badges

12 Comments

Harsh Over a year ago

BUt is there a way to get the data on the same page itself ?

Nox Over a year ago

For this I will need to know how you call your page, the url of your form and what techno / FW you're using

Harsh Over a year ago

i am not using a <form>. i use a table. with few input tags. and gather the data onclick event. i can store the data in javascript variable. but cannot send that data using ajax.

Nox Over a year ago

You should edit your post and add your HTML file plus the link of those, that would help me / us

Harsh Over a year ago

<li> <fieldset> <label>Total Weight(KG) :</label> <input type="text" name="total_weight" id="total_weight" value="" /> </fieldset> </li> <li class="last"> <fieldset> <input type="button" name="button" value="Check" class="Check" onclick="calculate();" /> </fieldset> </li>

|

Collectives™ on Stack Overflow

How to Send Jquery Ajax data on Same php Page?

2 Answers 2

2 Comments

12 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

12 Comments

Your Answer

Sign up or log in

Post as a guest

Related