jQuery Forum

I've been using jquery ajax all over my website to return data from PHP as json_encode(). And works fine in Firefox, but Chrome, Safari and mobile browsers make the users ajax requests like 10 times slower. I do receive a TON of JSON's coming from PHP back to my jquery success.

I've been trying to replicate this jquery ajax code to receive it in PHP as I receive it with jquery, as a $_POST superglobal for each JSON element.. I've tried a lot of different ways with plain JS but couldn't get it to work AT ALL. I hope I could get some help here. Thanks!

jquery ajax:

$.ajax({
    dataType: 'JSON',
    data: {
        string_1:string_1, 
        string_2:string_2
    },
    type: 'POST',
    url:url,
    success: function(data) {
        $('.div_1').html(data.string_1);
        $('.div_2').html(data.string_2);
    } 
});



PHP (I receive the above code as the following):

$string_1 = $_POST['string_1'];
$string_2 = $_POST['string_2'];


$json_arr = array(
    'string_1'=>$string_1,
    'string_2'=>$string_2
);

echo json_encode($json_arr);

Hello, I'm about to deploy a website but I'm stuck in this last thing I hope I could get help!

So, I'm trying to make this for loop better.. and by better I mean I want to be able to call the function from outside the for loop. But since I have 6 buttons I need the i++ to get a different index for each button so I don't know what to do. I just need to be able to call the function called "my_function" else where but I can't, the only way I can make my for loop and function work is as the following.

1. for (var i = 0; i < 6; i++) {
2.     var button = $('.btn');
3.     button[i].onclick = function my_function(i, e){
   
   
4. // everything the function has.... which works perfect this way.
5.     
6.         e.preventDefault();
7.     }.bind(null, i);
8. }

I also want to get rid of that bind, make some vanilla js if possible. But the most important is just be able to call that function elsewhere.

Thanks a lot !!

Hello people, I've been getting crazier day after day with this, I hope I could get help.

So, I have a php file inside a php while loop that makes that file repeat 6 times (let's call them divs)... And then I have an ajax call (JSON) function that I call every time I click a button of that file, but I get the ajax JSON render in the whole 6 divs, instead of rendering on each div only when I click it's button.

$('.trigger_button_inside_divs').click(RUN_AJAX_FUNCTION);



I manage everything with classes not id's, even the JSON response is rendered inside a class container, not id.


Thanks, I hope I made myself clear!