Zala Raviraj Zala Raviraj - 4 months ago 5
JSON Question

Call class in AJAX responce text

I have div in which I am getting ajax response

<div id="demo"></div>

And in response I am getting three buttons with id and values

<button type="button" class="Model" onclick="ModelAppAll(<?php echo $i; ?>)">Approve All</button>
<button type="button" class="Model" onclick="ModelRejAll(<?php echo $i; ?>)">Reject All</button>

Now I want to call a function and get the $i values in alert box like

function ModelAppReqId1(){

Or like this with jquery


In short I want work with AJAX response like actual DOM element. I am not able to find any class [model] in responce text.
Give some Ideas Please


If you use jQuery to attach a delegated click event handler then you can achieve this by placing the $i variable from your PHP code in a data-* attribute on the button which you can then retrieve in the event handler. Try this:

<button type="button" class="model" data-i="<?php echo $i; ?>">Approve All</button>
<button type="button" class="model" data-i="<?php echo $i; ?>">Reject All</button>
$(document).on('click', '.model', function() {
    var i = $(this).data('i');
    // use i here...

Note that document is just used for sake of an example here. Ideally you should change that selector to the nearest parent element to the buttons which is available in the DOM on page load.