Ajax Return HTML Code with my expected output

Question

After trying some solutions from this and many other questions I wasn't able to get what is exact problem in my code. My code

$('#genoffer').click(function(e){
     e.preventDefault();
     var offerstatus  = $('#offerstatus').val();

     if ($.trim(offerstatus) != '') {
              $.ajax({
                url:'general_create.php',
                method: 'POST',
                data:{offerstatus:offerstatus},
                dataType: 'text',
                success:function(data){
                    if ($.trim(data) == 'gsent') {
                        alert(data);
                    }else if($.trim(data) == 'agsent'){
                        alert(data);
                    }else{
                        alert(data);
                    }
                }
              });
     }else{
        alert('empty');
     }

  });

my script are given below

 public function generalOfferLetter($offerstatus){
          if ($offerstatus == 1) {
              echo "gsent";
              exit();
          }elseif($offerstatus == 2){
             echo "agsent";
             exit();
          }else{
            echo "agsent";
          }


        }

It returns my expected result, but with result, it returns the HTML code of the whole page.

What is wrong in code?

general_create.php

 $offerstatus = $_POST["offerstatus"];
  $bookingsearch->generalOfferLetter($offerstatus);

There is nothing wrong, this is the expected behavior of AJAX. If you want to change what is returned you need to write something that will return only what you want. — Jay Blanchard, Oct 07 '19 at 11:40
@JayBlanchard if there is no wrong. then why ajax return HTML code with my expected result? — Freelancer Rony, Oct 07 '19 at 11:43
I want my expected result no html code. then what will i do expert? — Freelancer Rony, Oct 07 '19 at 11:44
Try with Try with `ob_flush();` inside `generalOfferLetter`. Also, you are missing `exit()` statement at the end of function. — mokiSRB, Oct 07 '19 at 11:50
@mokiSRB I tried by giving ob_flush(); inside my method.but same result. — Freelancer Rony, Oct 07 '19 at 12:21

Krishna Savani · Answer 1 · 2019-10-07T11:40:07.410

-1

Please use Below code :

Add contentType: "application/json; charset=utf-8"

$('#genoffer').click(function(e){
     e.preventDefault();
     var offerstatus  = $('#offerstatus').val();

     if ($.trim(offerstatus) != '') {
              $.ajax({
                url:'general_create.php',
                cache: false,
                contentType: "application/json; charset=utf-8",
              dataType: "html",
                method: 'POST',
                data:{offerstatus:offerstatus},

                success:function(data){
                    if ($.trim(data) == 'gsent') {
                        alert(data);
                    }else if($.trim(data) == 'agsent'){
                        alert(data);
                    }else{
                        alert(data);
                    }
                }
              });
     }else{
        alert('empty');
     }

  });

edited Oct 07 '19 at 11:40

answered Oct 07 '19 at 11:33

Krishna Savani

919
4
10

I used it.my output doesn't appear. it returns only the HTML code – Freelancer Rony Oct 07 '19 at 11:37
Nope, he returns the whole html code. It won't help. He need to change Controller method. – Aksen P Oct 07 '19 at 11:38
I set datatype="html" instead of "text" try to use that may be it will help you – Krishna Savani Oct 07 '19 at 11:54
@KrishnaSavani I have changed dataType text to HTML it doesn't help me. – Freelancer Rony Oct 07 '19 at 12:17
I have set again dataType: 'text' but in php file 'general_create.php' add this line at starting `ob_end_clean();` `header('Content-Type: application/json');` and at the end in function add die() – Krishna Savani Oct 07 '19 at 12:43
Ok Finally I solved my problem. I included header file inside my general_create.php file which is contained html code that's why ajax returned my html code with expected result. – Freelancer Rony Oct 07 '19 at 16:33

Ajax Return HTML Code with my expected output

1 Answers1