send two variable in jquery ajax

Question

I am trying to send two variable by AJAX to PHP,

    $('#add_news').on( 'click',function () {
var news_subject = $('#news_subject').val();
var news_content = $('#summernote_1').code();

console.log(news_subject);
console.log(news_content);

jQuery.ajax({
                        url: "<?php echo base_url(); ?>index.php/admin/news/add_news",
                        data: "news_subject="+ news_subject + "news_content="+ news_content,
                        type: "POST",
                        success:function(data){ 


                                }
                        });

but while submitted this, i get like below,

news_subject:Testnews_content=Hello,

How can i seperate two variable news_subject and news_content, so that my PHP controller can get post value and send to DB, Currently it go as one variable new_subject and value is --Testnews_content=Hello.

I assume something wrong in data: but i dont know how to send two variable in one data, Can you help,

Thanks,

You forgot an & in the data line... change it to this: data: "news_subject="+ news_subject + "&news_content="+ news_content. Notice the & before news_content... — fijas
– fijas, Commented Apr 3, 2015 at 5:51

Vivek Singh · Accepted Answer · 2016-04-19 12:07:36Z

7

jQuery.ajax({
            url: "<?php echo base_url(); ?>index.php/admin/news/add_news",
            data: 
            {
             news_subject:news_subject,
             news_content: news_content
            },
             type: "POST",
             success:function(data){ }
           });

use it like this

edited Apr 19, 2016 at 12:07

answered Apr 3, 2015 at 5:53

Vivek Singh

2,4451 gold badge16 silver badges29 bronze badges

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

Comments

Narendrasingh Sisodia · Accepted Answer · 2015-04-03 13:43:20Z

4

You can send two variables within ajax you are on right way but just missed & character within your code that bind the value with other variables

Your code.

data: "news_subject="+ news_subject + "news_content="+ news_content,
                                      ^^

You need lil' update over here..

data: "news_subject="+ news_subject + "&news_content="+ news_content,
                                      ^^^

and it can also be achieved as

jQuery.ajax({
             url: "<?php echo base_url(); ?>index.php/admin/news/add_news",
             data: 
                 {
                  news_subject:news_subject,
                  news_content: news_content
                 },
             type: "POST",
             success:function(data){ 

             }
           });

edited Apr 3, 2015 at 13:43

answered Apr 3, 2015 at 6:09

Narendrasingh Sisodia

21.4k6 gold badges51 silver badges54 bronze badges

1 Comment

Narendrasingh Sisodia Over a year ago

@rjcode you can accept anyone's answer so it might be considered it as solved issue. Happy Coding

Ayyanar G · Accepted Answer · 2015-04-03 05:51:25Z

1

try like this

jQuery.ajax({
                        url: "<?php echo base_url(); ?>index.php/admin/news/add_news",
                        data: {"news_subject": news_subject,"news_content": news_content},
                        type: "POST",
                        success:function(data){ 


                                }
                        });

(or)

data: "news_subject="+ news_subject + "&news_content="+ news_content,

answered Apr 3, 2015 at 5:51

Ayyanar G

1,5451 gold badge11 silver badges24 bronze badges

Collectives™ on Stack Overflow

send two variable in jquery ajax

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related