Slim Framework Ajax jQuery PHP

Question

我有一个个人资料页面，已登录的用户可以在其中发送朋友请求。 这是（树枝）视图：

{% extends 'templates/default.php' %}

{% block title %}{{ user.getFullNameOrUsername }}{% endblock %}

{% block content %}
<h2>{{ user.username }}</h2>
{% if auth %}
<input type="submit" value="Send Friend Request" id="sfr">
<br>
{% endif %}
<img src="" alt="Profile picture for {{ user.getFullNameOrUsername }}">
<dl>
{% if user.getFullName  %}
    <dt>Full Name</dt>
    <dd>{{ user.getFullName }}</dd>
{% endif %}

<dt>Email</dt>
<dd>{{ user.email }}</dd>
</dl>
{% endblock %}

该页面的位置是：

http：// localhost / authentication / public / u / martin，但在文件目录中为C：\\ xampp2 \\ htdocs \\ authentication \\ app \\ views \\ user \\ profile.php

用户单击“发送朋友请求”按钮后，将运行以下js：

$( document ).ready(function() {


  $("#sfr").click(function( event ) {
  event.preventDefault();
  $.ajax({
  method: "POST",
  url: "http://localhost/authentication/app/routes/account/friend.php",
  data: { fr: "sfr"}
})
  .done(function( msg ) {
    console.log(msg);
    alert( msg );
  });

});     

});

我创建了一条名为friend的路线，它看起来像这样：

<?php

$app->post('/profile', $authenticated(), function() use ($app) {

    $app = \Slim\Slim::getInstance();

    $request = $app->request();

    $fr = $request->post('fr');

    echo "Friend Request sent";


})->name('account.friend.post');

我收到以下错误消息：

<br />
<b>Notice</b>:  Undefined variable: app in <b>C:\xampp2\htdocs\authentication\app\routes\account\friend.php</b> on line    <b>3</b><br />

<b>Fatal error</b>:  Call to a member function post() on null in     <b>C:\xampp2\htdocs\authentication\app\routes\account\friend.php</b> on line   <b>3</b><br />

我认为问题出在ajax调用的URL中。 我希望我可以将其路由到该路由的名称，而不是其位置。

任何帮助将不胜感激。 谢谢！

Answer 1

我认为问题是您正在调用friend.php文件而不是路由。 在AJAX代码中的网址上，调用以下路由：$（document）.ready（function（）{

$("#sfr").click(function( event ) {
   event.preventDefault();
   $.ajax({
      method: "POST",
      url: "http://localhost/authentication/app/routes/account/profile",
      data: { fr: "sfr"}
   })
   .done(function( msg ) {
      console.log(msg);
      alert( msg );
   });
});

确保已在Slim应用程序实例中注册了POST路由/profile 。