Anfänger JavaScript, PHP-Datei

Question

im Anfänger in Javascript geladen, so dass ich einige litle Hilfe benötigen :) ich im Internet finden einige Tutorial über PHP-Datei Ajax Laden in Bootstrap-modal, aber immer noch einige Probleme haben ..

Hier ist der Code:

public_html/assets/js/m.js

$(document).ready(function(){ 

    // modals 
    $(document).on('click', '#getUser', function(e){ 

     e.preventDefault(); 

     var uid = $(this).data('id'); // it will get id of clicked row 

     $('#dynamic-content').html(''); // leave it blank before ajax call 
     $('#modal-loader').show();  // load ajax loader 

     $.ajax({ 
      url: 'ajax.php', 
      type: 'POST', 
      data: 'id='+uid, 
      dataType: 'html' 
     }) 
     .done(function(data){ 
      console.log(data); 
      $('#dynamic-content').html('');  
      $('#dynamic-content').html(data); // load response 
      $('#modal-loader').hide();  // hide ajax loader 
     }) 
     .fail(function(){ 
      $('#dynamic-content').html('<i class="glyphicon glyphicon-info-sign"></i> Something went wrong, Please try again...'); 
      $('#modal-loader').hide(); 
     }); 

    }); 
}); 

public/Vermögen/include/pagefile.php

Aufruf modal:

<button data-toggle="modal" data-target="#view-modal" data-id="$cat[id]" id="getUser" class="btn btn-success">Open</button> 

<div id="view-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;"> 
    <div class="modal-dialog"> 
      <div class="modal-content"> 

       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
        <h4 class="modal-title"> 
         <i class="glyphicon glyphicon-user"></i> User Profile 
        </h4> 
       </div> 
       <div class="modal-body"> 

        <div id="modal-loader" style="display: none; text-align: center;"> 
        <img src="ajax-loader.gif"> 
        </div> 

        <!-- content will be load here -->       
        <div id="dynamic-content"></div> 

       </div> 
       <div class="modal-footer"> 
         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       </div> 

     </div> 
     </div> 

public_html/ajax.php

<?php 
include("connect_db.php"); 

    if (isset($_REQUEST['id'])) { 
    $id = $_REQUEST['id']; 

    echo "$id"; 
    } else {} 
?>  

Alles sieht gut aus, aber ich kann die Ajax-Inhalt laden, modal immer zeigen die Something went falsch, bitte versuchen Sie es erneut ...

Und ich möchte fragen, ob ich mehr Wege/Aufgaben in der ajax.php Datei hinzufügen möchte, wie man das in Javascript hinzufügt und wie man mehr var schreibt/bekommt?

Thanks a lot, sorry für mein schlechtes Englisch: D

Answer 1

Sie sind für die Ajax-Request ajax.php eine relative URL verwendet wird, bedeutet dies, wie die aktuelle Seite Diese Seite aus dem gleichen Pfad laden (die public/assets/include/pagefile.php ist).
Da ajax.php und pagefile.php nicht im selben Pfad sind, wird ein Fehler ausgegeben.
Um richtig zu laden ajax.php Sie es von der Wurzel des Webservers wie /ajax.php oder relativ zur aktuellen Seite ../../../ajax.php

$.ajax({ 
     url: '/ajax.php', // or url: '../../../ajax.php', 
     type: 'POST', 
     data: 'id='+uid, 
     dataType: 'html' 
    }) 

nennen