How can i send dynamic values using ajax

Question

Here my dynamic script:

<a href="inv-controller.php?res=yes&id_job=<?=$myjobs['id_job'];?>" class="btn btn-primary">Accept And Send Invite To All Students</a>
<a href="inv-controller.php?res=no&id_job=<?=$myjobs['id_job'];?>" class="btn btn-default">Reject And Delete</a>

From the above two links there are two dynamic parameters which i want to send using ajax call how can i do that..?

There are two buttons there Accept and reject. i can do this with core php and i want to do this without refreshing the page.

Here what i have tried.

<script type="text/javascript">
    function jobResponse(jobId){
        var jobid = $(jobId).attr('id');  // im confusing in this line
        $.ajax({
            method: "POST",
            url: 'inv-controller.php',
            data: {action: "jobreplay", value: jobid},
            dataType: "json",
            success: function(response) {
                //blah blah blah
            }   
        });
    }
</script>

how can i rewrite the two <a> tags according to ajax.

you can use javascript in href, just like <a href="javascript:jobRespond(<?=$myjobs['id_job'];?>);" class="btn btn-default">Reject And Delete</a>)" — user757095
– user757095, Commented Nov 21, 2016 at 11:20
will that work with out refreshing the page and how can i get the respone whether it is success or not — Mr world wide
– Mr world wide, Commented Nov 21, 2016 at 11:23
@CrisimIlNumenoreano you can, but please don't. It's not the 90s any more. Use unobtrusive event handlers — Rory McCrossan
– Rory McCrossan, Commented Nov 21, 2016 at 11:24
@CrisimIlNumenoreano That just backs up my original point - JS in href or on* attributes is outdated and you should use unobtrusive handlers instead - regardless of if you use jQuery or any other library — Rory McCrossan
– Rory McCrossan, Commented Nov 21, 2016 at 11:41

Amit Chauhan · Accepted Answer · 2016-11-21 11:28:05Z

3

<a href="javascript:;" class="btn btn-primary" onclick="jobResponse("yes",<?php echo $myjobs['id_job'];?>)">Accept And Send Invite To All Students</a>
<a href="javascript:;" class="btn btn-default" onclick="jobResponse("no",<?php echo $myjobs['id_job'];?>)">Reject And Delete</a>

and get in function like this

function jobResponse(type,jobId){

var frm_data = { type : type,
                 jobId : jobId
                }
    $.ajax({
        method: "POST",
        url: 'inv-controller.php',
        data: frm_data,
        dataType: "json",
        success: function(response) {
            //blah blah blah
        }   
    });
}

you can get in your ajax php file. frm data as post .

answered Nov 21, 2016 at 11:28

Amit Chauhan

6827 silver badges22 bronze badges

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

Comments

Zakaria Acharki · Accepted Answer · 2016-11-21 11:33:57Z

2

It'll be better to use data-* attributes like :

<a href="inv-controller.php" data-res="yes" data-job-id="<?=$myjobs['id_job'];?>" class="btn btn-primary inv-controller">Accept And Send Invite To All Students</a>
<a href="inv-controller.php" data-res="no" data-job-id="<?=$myjobs['id_job'];?>" class="btn btn-default inv-controller">Reject And Delete</a>

Then attach click event to the links a with class inv-controller :

$('a.inv-controller').on('click', function(e){
  e.preventDefault();

  var res = $(this).data('res');
  var job_id = $(this).data('job-id');
  var url = $(this).attr('href');

  $.ajax({
      method: "POST",
      url: url,
      data: {action: "jobreplay", value: job_id},
      dataType: "json",
      success: function(response) {
          //blah blah blah
      }   
  });
})

Hope this helps.

edited Nov 21, 2016 at 11:33

answered Nov 21, 2016 at 11:31

Zakaria Acharki

67.5k15 gold badges79 silver badges106 bronze badges

2 Comments

Rayon Over a year ago

Delegated-events ? Why ?

Zakaria Acharki Over a year ago

Right, updated my answer, thanls for your intervention.

Vaibhav shetty · Accepted Answer · 2016-11-21 11:36:12Z

1

You Can do like this , Look at the parameter jobId passed to it in value: jobId

     <a href="javascript:jobResponse(<?=$myjobs['id_job'];?>)" class="btn btn-primary">Accept And Send Invite To All Students</a>


<script type="text/javascript">
function jobResponse(jobId) {
    $.ajax({
        method: "POST",
        url: 'inv-controller.php',
        data: { action: "jobreplay", value: jobId },
        dataType: "json",
        success: function (response) {
            //blah blah blah
        }
    });
}

answered Nov 21, 2016 at 11:36

Vaibhav shetty

3721 gold badge4 silver badges16 bronze badges

Collectives™ on Stack Overflow

How can i send dynamic values using ajax

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related