header CORS “Access-Control-Allow-Origin” missing Codeigniter

Question

I'm trying to learn how to use Ajax in Codeigniter . This is why I tried to make a small view and a test controller but does not seem to work. Can you help me? This is my view:

    <script src="https://code.jquery.com/jquery-3.0.0.min.js" integrity="sha256-JmvOoLtYsmqlsWxa7mDSLMwa6dZ9rrIdtrrVYRnDRH0=" crossorigin="anonymous"></script>
<form name="modulo">
    <p>Nome</p>
    <p><input type="text" name="nome" id="nome"=></p>
    <p>Cognome</p>
    <p><input type="text" name="cognome" id="cognome"></p>
    <input type="button" id="bottone" value="Invia i dati">
</form>
<div id="risultato"></div>
<script type="text/javascript">
$(document).ready(function() {
  $("#bottone").click(function(){
    var nome = $("#nome").val();
    var cognome = $("#cognome").val();
    $.ajax({
      type: "POST",
      url: "http://lifedesktop/welcome/ajax",
      data: "nome=" + nome + "&cognome=" + cognome,
            crossOrigin: true,
      dataType: "html",
      success: function(msg)
      {
        $("#risultato").html(msg);
      },
      error: function()
      {
        alert("Don't work...");
      }
    });
  });
});
</script>

And this is my controller:

public function ajax()
    {
        if($this->input->is_ajax_request()){
        $nome = $_POST["nome"];
        $cognome = $_POST["cognome"];
        if ($nome == "" || $cognome == "")
        {
                echo "Inserire nome e cognome!";
        }
        else
        {
                echo $nome . " " . $cognome;
        }
        }
    }

In the console web i have this error:

header CORS “Access-Control-Allow-Origin” missing.

Can you help me?

Did you even try searching the web for that error? This issue is asked here many times a day. — charlietfl, Jun 12 '16 at 15:21
Have you tried running this on a server, rather than locally? How is your development machine set up? Are you running MAMP? Typically you would need to add 'Access-Control-Allow-Origin: *' into the response header on http://lifedesktop/welcome/ajax — terrorfall, Jun 12 '16 at 15:21
The way question was asked it implies you know nothing about the error or have attempted any research/solutions. This will definitely work http://stackoverflow.com/a/9866124/1175966 — charlietfl, Jun 12 '16 at 15:41

score 1 · Answer 1 · answered Jun 12 '16 at 18:06

If you have access to the api, so set this header to your php code:

header('Access-Control-Allow-Origin: *');

If not, you can only use that api in your own web page, by installing some CORS plugins for chrome or firefox like this. (It's not possible to share this with users)

header CORS “Access-Control-Allow-Origin” missing Codeigniter

1 Answers1