click jquery button + send data without form - bookmark

Question

I'm working on a bookmarking function where the user clicks on a jQueryui button and certain information is sent to the database. But I'm not using a form, because there is no information for the user to enter.

I'm pulling the user's ID from the session data, and I'm sending a URI segment (portion of the URL)

Using codeigniter/php.

I'm trying to figure out what to put in the data portion of the ajax/post function, since there's no form/no data entered, and what to do about the "submit" part of the controller.

Controller

function addBookmark(){

        if ($this->input->post('submit')) {

            $id = $this->session->userdata('id');               
            $bookmark = $this->uri->segment(3, 0);

            $this->bookmarks_model->postBookmark($id, $bookmark);
        }

    }

Model

function postBookmark() {

     $data = array(
            'user_id' => $user_id,
            'bookmark_id' => $bookmark,
    );

    $this->db->insert('bookmarks', $data);

    }

HTML

<button class="somebutton">Add bookmark</button>

jQuery

$('.somebutton').click(function() { 

            $.ajax({
                url: 'controller/addBookmark',
                type: 'POST',
                data: ???,
                success: function (result) {
                  alert("Your bookmark has been saved");
                }
            });  

    });

@wallyk The model (bookmarks_model) is connected to the controller by the last line of the controller function. — chowwy
– chowwy, Commented May 2, 2012 at 1:35

Brombomb · Accepted Answer · 2014-04-25 15:14:22Z

8

Your problem is you are checking for a submit key in the POST args. You can either fake it by sending data: {submit:true} or by by removing your if statement and just processing a POST request

$('.somebutton').click(function() { 

        $.ajax({
            url: 'controller/addBookmark',
            type: 'POST',
            data: {'submit':true}, // An object with the key 'submit' and value 'true;
            success: function (result) {
              alert("Your bookmark has been saved");
            }
        });  

});

edited Apr 25, 2014 at 15:14

answered May 2, 2012 at 1:38

Brombomb

7,0864 gold badges40 silver badges57 bronze badges

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

2 Comments

chowwy Over a year ago

I tried this with data: {submit:true} and without data. I also tried it without the if function. I'm getting the alert, but nothing is being added to the database.

chowwy Over a year ago

Okay, I did some maneuvering with my buttons and it is now working--with nothing in the data field as you suggested. Instead, I added a hidden field to get the data to pass. I've accepted and upvoted your answer, since it was the closest. (Now if I can just get the alert to work!) :)

Control Freak · Accepted Answer · 2012-05-02 01:32:35Z

0

Instead of using .ajax() use either .get() or .post()

Using .get()

 $.get('controller/addBookmark',function(data){ 
     alert('Your bookmark has been saved'); 
 });

Using .post()

 $.post('controller/addBookmark', function(data) {
     alert('Your bookmark has been saved, The contents of the page were:' + data); 
 });

answered May 2, 2012 at 1:32

Control Freak

13.2k31 gold badges101 silver badges150 bronze badges

6 Comments

chowwy Over a year ago

Thanks, I'll give it a try now. What should be in the "data" place? Just the word data?

Control Freak Over a year ago

data is the results of the page on the callback.

chowwy Over a year ago

Okay; how do I indicate data in the function? I don't have any inputs

Control Freak Over a year ago

The data variable is an output of the contents of the submitted page, in case you want to return it in your code , not an input.. See the example of how it's used under the .post() example.

chowwy Over a year ago

Okay, I tried both functions. The first produced an alert, but nothing is in the database. The second gave me an alert, but it contained an exception error; also nothing in the database. Any other thoughts? I'm really stumped with this.

|

Jasonw · Accepted Answer · 2012-05-02 01:47:01Z

0

from the documentation of jQuery.ajax()

Data to be sent to the server. It is converted to a query string, if not already a string. It's appended to the url for GET-requests.

If you do not know what to put for the data, probably you should remove that option? In your controller function addBookmark(), you can reduce the code by remove the if check. Try this and see if it works for you.

answered May 2, 2012 at 1:47

Jasonw

5,0927 gold badges47 silver badges50 bronze badges

3 Comments

Jasonw Over a year ago

@chowwy check your code $this->bookmarks_model->postBookmark($id, $bookmark); in your controller and function postBookmark() { in your model, is the call made correctly?

Jasonw Over a year ago

The variable $user_id and $bookmark in function is a local variable to function postBookmark(). The function addBookmark() call bookmarks_model->postBookmark($id, $bookmark); with two parameters. So you are passing two parameters to function postBookmark but in the function postBookmark, it expect no parameter. So really, how is the insertion into database is done?

chowwy Over a year ago

That was just an oversight when I transferred the code. I have the function working fine without jQuery. But I'd like to post the information to the database using an ajax/post function.

Collectives™ on Stack Overflow

click jquery button + send data without form - bookmark

3 Answers 3

2 Comments

6 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

6 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related