How do I call MVC Controller from with Javascript function

Question

I have a onclick event on a submit button in my CI app. So when user clicks submit, it goes to my js function that disables the button, but it does not continue processing. I used this “document.forms[“mainFrm”].submit();”, but because of the way the code is written I need it to go directly to a controller and finish processing.

So how do I call a CI controller from my js function?

Here is the function that is being called onClick:

function disableWhenSubmit()
{
 alert ("You did get here");
 var holdBtnElement = document.getElementById('btn_Add');
 holdBtnElement.disabled = true;
 holdBtnElement.value = "sending ...";
 //document.forms["createRequestForm"].submit();
 <?= base_url();?>index.php/request"; //this is what I am working on
}

and here is the button:

input type="submit" id="btn_Add" name="btn_Add" value="Submit">

i think you looking for Ajax

safarov
– safarov

2012-03-28 16:28:57 +00:00
Commented Mar 28, 2012 at 16:28 — safarov
– safarov, Commented Mar 28, 2012 at 16:28

Philip · Accepted Answer · 2012-03-28 17:56:28Z

1

index.php

<script>
    // create a global var before calling your external
    // javascript file(s).
    var BASE_PATH = "<?php echo base_url();?>";
</script>
<script src="link_to_myjavascript.js"></script>

myjavascript.js (jQuery example)

(function($){

    $(function(){

          var do_ajax = function(some_params){
               $.ajax({
                    url : BASE_PATH + 'controller/method',
               });
          }

          if(conditions)
          {
             do_ajax(some_params);
          }

    });

})(jQuery);

edited Mar 28, 2012 at 17:56

answered Mar 28, 2012 at 17:49

Philip

4,5822 gold badges22 silver badges28 bronze badges

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

1 Comment

user1176783 Over a year ago

this seems to be working, I just hid the submit button upon click using jquery: $(document).ready(function(){ $("#btnSubmitJob").click(function(){ $(this).hide(); $("#btnSubmitJob").before("Processing...."); }); });

Churk · Accepted Answer · 2012-03-28 16:33:53Z

0

Look at ajax call. Using prototypejs or Jquery

<input type="button" onclick="dosomething()" />

example

<script>
function dosomething() {
  var url = "something.php";
  new Ajax.Request(url, {
    parameters: {//parameters},
    onSuccess: function(transport){
      // do something when response is good
    },
    onFailure: function (request) {
      // Do something when somehting goes wrong     
    });
}
</script>

answered Mar 28, 2012 at 16:33

Churk

4,6475 gold badges25 silver badges40 bronze badges

Collectives™ on Stack Overflow

How do I call MVC Controller from with Javascript function

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related