Undefined index in php when using ajax

Question

My Form page :

<body>  
<head>
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script>
        function val()
        {
            var name=document.getElementById("name").value;
            if(name == '')
            {
                alert(name+" is empty");
            }
            else
            {
            var dataString = "name = "+name;
            $.ajax({
                type:"POST",
                url:"hi.php",
                data:dataString,
                cache:false,
                success:function(html){
                    $('#msg').html(html);
                }
            });
            }
        return false;
        }
        </script>

    </head>
<body>
    <form>
        <input type="text" id="name" >
        <br/><br/>
        <input type="submit" value ="submit" onclick="return val()">
    </form>
<p id="msg"></p>
</body>

Here is my hi.php file

<?php
$name = $_POST["name"];
echo "Response : ".$name;
?>

When clicking on submit button it show an error Notice: Undefined index: name in C:\wamp\www\SendEmailAjaxJquery\hi.php on line 2

I don't know where is the error plz help me to find out the error...

Thanks in advance

always try printing the received data from ajax before using it, so that you can be sure about what is being received on what indexes. — Pardeep Poria, May 05 '16 at 06:02
Possible duplicate of [Undefined index: Error in ajax POST and/or php script?](http://stackoverflow.com/questions/20136667/undefined-index-error-in-ajax-post-and-or-php-script) — Ani Menon, May 05 '16 at 06:03

Waqas_aamer · Accepted Answer · 2016-05-05T06:09:45.420

1

Use this in place of this

var dataString = "name = "+name;

change into this

var dataString = 'name='+ name;

i have the same case here you will be guided from it.

 <html>
 <head>
  <script type="text/javascript" src="jquery-1.12.3.min.js"></script>
 </head>
 <body>
 <div class="content">
    <input type="text" class="search" id="searchid" placeholder="Search for    people" />
    <div id="result"></div>
 </div>  
 </body> 
 </html>
 <script type="text/javascript">
 $(function(){
  $(".search").keyup(function() 
  { 
    var searchid = $(this).val();
    var dataString = 'search='+ searchid;
    if(searchid!='')
    {
      $.ajax({
      type: "POST",
      url: "result.php",
      data: dataString,
      cache: false,
      success: function(html)
      {
         $("#result").html(html).show();
      }
     });
   }return false;    
   });

edited May 05 '16 at 06:09

answered May 05 '16 at 06:04

Waqas_aamer

220
1
3
18

And how would that help? – Ani Menon May 05 '16 at 06:05
You can see it now @Ani Menon – Waqas_aamer May 05 '16 at 06:10
Thanks its working now... just silly mistake it was... really its helpful thanks again... – Devraj May 05 '16 at 09:28

score 1 · Answer 2 · answered May 05 '16 at 06:07

Change to:

$.ajax({
  type:"POST",
  url:"hi.php",
  data: {name: name},
  cache:false,
  success:function(html){
    $('#msg').html(html);
  }
});

jQuery ajax data setting accept Object to customize the key. For example:

data: {anything: "123"}

In PHP:

echo $_POST["anything"]; //123

Maninderpreet Singh · Answer 3 · 2016-05-06T02:44:03.983

0

in your ajax data change to

 data:{ 'name' : name }

edited May 06 '16 at 02:44

answered May 05 '16 at 06:00

Maninderpreet Singh

2,569
2
17
31

Undefined index in php when using ajax

3 Answers3