Einfache Ajax/Codeigniter Anfrage

Ich habe einige Probleme mit ajax und codeigniter. Ich habe bereits geschrieben eine andere Frage (link zur Frage) und ich dachte, dass ich es gelöst, aber ich wollte nicht, also bin ich jemanden Fragen einfach schreiben code mit ajax/codeigniter, der Steigerung der Anzahl im inneren div/span klicken.

Ich versuche die letzten paar Tage, um dies zu tun, aber ständig Fehler..Mein CI-Einstellung sind :
base_url : localhost/test/

index:index.php

autoload:url

Standard-Steuerung:willkommen (ich ließ es also nur für diesen test)

Ich würde mehr als glücklich sein, um einfaches Beispiel, um dies zu tun. Ich versuchte auch wieder, aber ohne Glück. Hier ist, was ich versucht dieses mal :

Controller (welcome.php)

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Welcome extends CI_Controller {


function __construct()
    {
        parent::__construct();
    }

public function index()
{
    $this->load->view('welcome_message');
}

function increase(){
    $increase = $this->input->post('increase');
    echo increase++;
}
}

JS (Ajax)

function increase(){
var number = parseInt($('#number').html()) + 1;
$.ajax({
        type: 'POST',
        url: 'localhost/test/welcome/increase',
        data: { increase:number },
        success:function(response){
            $('#number').html(response);
        }
});

}

Ansicht (HTML/CSS)

<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery_v1.9.1.js"> </script>
<script type="text/javascript" src="<?php echo base_url();?>assets/js/script.js">            </script>
<style type="text/css">
#number {
display: block;
text-align: center;
width: 100px;
height: 30px;
margin: auto auto;
line-height: 30px;
border: 1px solid #999999;
border-radius: 5px;
}

</style>
</head>
<body>
    <span id="number" onclick="increase()">0</span>
</body>
</html>

Ich bin mit der neuesten xampp auf windows 7. Fehler, die ich bekomme, wenn ich auf span - POST http://localhost/test/localhost/test/welcome/increase 404 (Not Found)

Verwenden Sie nicht den "fix" - tag, es sei denn, Sie sprechen über das FIX-Protokoll.
ok, gut zu wissen.

InformationsquelleAutor mihajlo | 2013-05-04

1

Müssen Sie Einreichen, das CSRF-token von cookies, sonst ist der Antrag ungültig, wenn Sie CSRF-Angriffe aktiviert config.php.

Können Sie diese plugin zum abrufen von cookies in javascript.
Und pass einfach auf, es zu CI.

ci_token

und

ci_cookie

Tasten können unterschiedlich sein und können gefunden werden
in config.php

Ich würde auch vorschlagen, einrichten einer route, die für die Anforderung und

site_url()

über

base_url()
```
var SITE = "<?php echo site_url();?>" //GLOBAL variable so your javascripts can be external
```
-
```
var data = { 'ci_token' : $.cookies.get('ci_cookie'), 'increase' : parseInt(number)}
$.ajax({
    url : SITE + "/link/to/controller/method",
    data : data,
});
```
- Nein, ich habe nicht zu keiner von diesen. Alles was ich zu tun hatte, ist bewiesen vollständigen Pfad in ajax-url. Ich glaube, es hat etwas mit dem xampp.
InformationsquelleAutor Philip
0

verwenden site_url() von codeigniter
```
 function increase(){
   var number = parseInt($('#number').html()) + 1;  
   $.ajax({
     type: 'POST',
     url: '<?php echo site_url("welcome/increase")?>',
     data: { increse:number }, //<--- here should be increase
     success:function(response){
        $('#number').html(response);
     }
  });
```
}

jedoch hinzufügen http:// vor localhost sollte funktionieren
```
 url: 'http://localhost/test/welcome/increase',
```
aber es ist immer besser und wird empfohlen für die Verwendung site_url() wenn Sie anrufen, einen controller in der CI..., so dass dies nicht geben Sie Fehler beim, wenn Sie Sie hochladen, um live-server.
- ist es site_url oder base_url? Ich denke, es ist base_url.. Fehler habe ich bekommen : POST localhost/test/%3C?php%20echo%20base_url(%22welcome/... 403 (Verboten)
- base_url() gibt die gleiche Sache wie site_url, ohne index_page oder url_suffix angehängt wird.
- Jetzt bekomme ich diesen Fehler (wenn ich full path) : POST - localhost/test/willkommen/increse 404 (Nicht Gefunden)
- haben Sie vergessen, die öffentlichkeit während der Deklaration der Funktion public function increse(){
- Ich weiß, was du gemeint hast :).nope, noch immer, dass die 404-Fehlermeldung..
- Sie werden immer den Fehler nun.. da Sie buchstabiert Ihre Funktionen name worng... increase als increse im ajax...:) 🙂
- Ich behoben 🙂
- so ist es nun ?
- Nein,überhaupt nicht..Fehler : POST localhost/test/willkommen/erhöhen 404 (Nicht Gefunden) verweist auf jquery_v1.9.1.js:5 (wenn das hilft).
- ich sehe noch Rechtschreibfehler in deinem code..wie data: { increse:number }, und Sie nehmen es so $increase = $this->input->post('increase'); sowieso dieses ist nicht so dass Sie 404-Fehler weil ist Seite nicht gefunden " - Fehler.. stellen Sie sicher, dass Ihre url weist den richtigen Weg..
- Ich fest, dass in meinem code, aber vergessen, um hier noch änderungen vornehmen.. Meine aktuellen Daten: { vergrößern: Zahl }
- Es behoben..Url im ajax-muss-url: "localhost/test/index.php/welcome/Zunahme", (Hinweis index.php), und ich hatte 'echo erhöhen;' statt 'echo $erhöhen;" in meinem controller. Ich danke Ihnen allen für Ihre Zeit, hoffe, dass Sie nicht bekommen, stecken mit dumme Sachen wie ich.
InformationsquelleAutor bipen

In Ihr ajax nicht verwenden externer link für Ihre JS verwenden Sie einfach die interne.

Stellen Sie sicher, dass Ihre $config['base_url'] = http://localhost/test/ im config.php

function increase(){
    var number = parseInt($('#number').html()) + 1;
    $.ajax({
        type: 'POST',
        url: '<?php echo base_url()?>welcome/increase',
        data: { increase:number },
        success:function(response){
           $('#number').html(response);
        }
   });

}

InformationsquelleAutor Alverated

<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery_v1.9.1.js"> </script>
<script type="text/javascript" src="<?php echo base_url();?>assets/js/script.js">            </script>
<style type="text/css">
  #number {
    display: block;
    text-align: center;
    width: 100px;
    height: 30px;
    margin: auto auto;
    line-height: 30px;
    border: 1px solid #999999;
    border-radius: 5px;
  }

</style>
</head>
<script>
function increase(){
  var number = parseInt($('#number').html()) + 1;
  $.ajax({
      type: 'POST',
      url: '<?php echo base_url()?>welcome/increase',
      data: { increase:number },
      success:function(response){
         $('#number').html(response);
      }
  });

}
</script>
<body>
<span id="number" onclick="increase()">0</span>
</body>
</html>

InformationsquelleAutor Alverated

Zuerst sollten Sie definieren Ihre site base_url in application/config-Datei, dann verwenden Sie diese base_url mit Ihrem ajax-Seite aufrufen, von dem Ihr Anruf geht.
Angenommen, Ihre base_url ist http://localhost/test/

function increase(){
   var number = parseInt($('#number').html()) + 1;
   $.post('<?php echo base_url()?>welcome/increase',{number :number},function(response){
          $('#number').html(response);
   });    
}

dann ändern Sie erhöhen Ihre Funktion im controller wie diesem

function increase(){
   $increase = $_POST['number'];
echo increase++;

}

InformationsquelleAutor Azam Alvi

versuchen Sie dies :

function increase(){
        var number = parseInt($('#number').html()) + 1;
        $.ajax({
            type: 'POST',
            url: 'localhost/test/Welcome/increase/',
            data: "increase=" + number,
            dataType: "text",
            success:function(response){
                $('#number').html(response);
            }
        });

 }

InformationsquelleAutor Raghvendra Mishra

Wenn Sie mit dieser ajax in einem .php-Datei als sollten Sie so etwas tun, um Ihre url:

function increase(){
var number = parseInt($('#number').html()) + 1;
var base_url = "<?php echo base_url();?>";
$.ajax({
    type: 'POST',
    url: base_url+'welcome/increase',
    data: { increase:number },
    success:function(response){
        $('#number').html(response);
    }
  });
}

ODER, wenn Sie dies tun, in einem .js-Datei, als Sie benötigen, fügen Sie diese Zeile in Ihrem Kopf tag

<script> var base_url = "<?php echo base_url();?>";</script>

Und als diese :

function increase(){
var number = parseInt($('#number').html()) + 1;
$.ajax({
    type: 'POST',
    url: base_url+'welcome/increase',
    data: { increase:number },
    success:function(response){
        $('#number').html(response);
    }
  });
}

Hoffe, dass es das problem behebt. Jedoch ist es immer eine gute Idee, wenn die Entwicklung in der lokalen Umgebung um die base_url in config.php wie diese :

$root = "http://".$_SERVER['HTTP_HOST'];
$root .= str_replace(basename($_SERVER['SCRIPT_NAME']),"",$_SERVER['SCRIPT_NAME']);
$config['base_url']    = $root;

InformationsquelleAutor Iftikhar1487

-1

View::::::    
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="<?php echo base_url();?>css/jquery.js"> </script>
<style type="text/css">
#number {
display: block;
text-align: center;
width: 100px;
height: 30px;
margin: 50px auto;
line-height: 30px;
border: 1px solid #999;
border-radius: 5px;
}
body{
cursor: default;
}
</style>
</head>
<script>
function increase(){
var number = parseInt($('#number').html());
$.ajax({
  type: 'POST',
  url: '<?php echo base_url()?>main/samp_data',
  data: { increase:number },
  success:function(response){
     $('#number').html(response);
  }
  });
 }
</script>
<body>
<span id="number" onclick="increase()">0</span>
</body>
</html>




Controller::::::
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Main extends CI_Controller {

    public function index(){
        $this -> load -> view('sample_view');
    }

    public function samp_data(){
        $increase = $this->input->post('increase');
        echo ++$increase;
    }
}

InformationsquelleAutor Mehdi

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.