Post form data to a page with custom template using ajax

mansour · December 23, 2020, 10:28pm

Hi,
I have a custom template for my view page (pages table). I have a from inside this page that posts to a custom page (without common files) using ajax . My form does NOT work.

my custom template for view page :

<?php
if (IsLoggedIn()){
$allowed = ExecuteScalar("SELECT COUNT(PID) FROM pages WHERE PID = '".Route("PID")."' AND FIND_IN_SET(".CurrentUserID().",AllowedUsers)");
}
$AllowedGroups = ExecuteScalar("SELECT AllowedGroups FROM pages WHERE PID = '".Route("PID")."'");
$allowedgrp = ExecuteScalar("SELECT COUNT(PID) FROM pages WHERE PID = '".Route("PID")."' AND FIND_IN_SET(".CurrentUserLevel().",AllowedGroups)");
?>
<!-- Flickity HTML init -->
<div class="carousel mb-4" id="pedra">
			  <?php
			  $config = new SiteConfig;
			  $topcardnum = $config->HomeTopCards;
			  $sql = "SELECT * FROM cards WHERE CardType = 'P' AND FIND_IN_SET(".Route("PID").",PagesID) AND IsActive = 'Y' AND CardPlace = 'T' AND flickity = 'Y' ORDER BY ID ASC";
              $stmt = ExecuteQuery($sql); // execute the query
              if ($stmt->rowCount() > 0) {
              while ($row = $stmt->fetch()) {
			  echo "<div class=\"carousel-cell\">";
			  if ($row['ShowRibon'] == 'Y'){
			  echo "<div class=\"ribbon-wrapper\">";
			  echo "<div class=\"ribbon bg-".$row['RibbonClass']."\">".$row['RibbonText']."</div></div>";
			  }
			  echo "<h6 class=\"useTitr text-light text-center p-2 mb-2\">".$row['CardTitle']."</h6>";
			  echo "<img class=\"card-img-top img-fluid\" src=\"cards/".$row['CardPhoto']."\" alt=\"".$row['CardTitle']."\" title=\"".$row['CardTitle']."\">";
  			  echo "<div class=\"carousel-caption d-none d-md-block mb-3\"><h5>".$row['CardTitle']."</h5><p>".RemoveHtml($row['CardText'])."</p></div>";
  			  echo "<div class=\"card-footer text-center mb-1\">";
			  echo "<button target=\"_self\" url=\"".$row['CardLink']."\" class=\"btn btn-".$row['CardClass']." links float-right\">".$row['LinkTitle']."</button>";
			  echo "</div></div>";
			  }
			  } 
?> 
</div>
<!-- Flickity HTML End -->
<!-- TOP CADS START -->
<div class="card-deck">
			  <?php
			  $config = new SiteConfig;
			  $topcardnum = $config->PagesTopCards;
			  $sql = "SELECT * FROM cards WHERE CardType = 'P' AND FIND_IN_SET(".Route("PID").",PagesID) AND IsActive = 'Y' AND CardPlace = 'T' AND flickity = 'N' ORDER BY rand() LIMIT $topcardnum";
              $stmt = ExecuteQuery($sql); // execute the query
              if ($stmt->rowCount() > 0) {
              while ($row = $stmt->fetch()) {
			  echo "<div class=\"card card-widget shadow rounded\">";
			  echo "<img class=\"card-img-top\" src=\"cards/".$row['CardPhoto']."\" alt=\"".$row['CardTitle']."\" title=\"".$row['CardTitle']."\">";
			  echo "<blockquote class=\"quote-".$row['CardClass']."\">";
			  echo "<h4 class=\"text-".$row['CardClass']." useTitr\">".$row['CardTitle']."</h4>";
			  echo "<p>";
			  echo $row['CardText'];
			  echo "</p>";
			  echo "</blockquote>";
			  echo "<div class=\"card-footer\">";
			  echo "<p class=\"card-text\"><small class=\"text-muted\"><a href=\"".$row['CardLink']."\" class=\"btn btn-".$row['CardClass']." btn-sm float-right\">".$row['LinkTitle']."</a></small></p>";
			  echo "</div>";
			  echo "</div>";
			  }
			  }
?> 
</div>
<!-- TOP CADS END -->
<?php
if (CurrentPage()->IsFree->CurrentValue == "N"){
$ribbon = "<div class=\"ribbon-wrapper\"><div class=\"ribbon bg-danger\">".CurrentPage()->Price->CurrentValue."</div></div>";		
} else {
$ribbon = "<div class=\"ribbon-wrapper\"><div class=\"ribbon bg-success\">Ø±Ø§ÛŒÚ¯Ø§Ù†</div></div>";		
}
?>
<div class="card mt-2 mb-4 card-widget shadow rounded">
    <div class="ribbon-wrapper"><div class="ribbon bg-success"><small>{{{value PageView}}}</small></div></div>
	<blockquote class="quote-light">
	<h5 class="text-success useTitr">{{{value PageTitle}}}</h5>
	<p><small>{{{value PageType}}}</small></p>
	</blockquote>
    <div class="card-body">
<?php
SWITCH (TRUE){
case (!is_null($AllowedGroups) AND $AllowedGroups != "" AND $allowedgrp == 0 AND !IsAdmin()):
	 echo "<div class=\"alert alert-warning\" role=\"alert\">
	  <h4 class=\"alert-heading useTitr\">Ø¹Ø¯Ù… Ù…Ø¬ÙˆØ² Ø¯Ø³ØªØ±Ø³ÛŒ</h4>
	  <p>Ø¯Ø³ØªØ±Ø³ÛŒ Ø¨Ù‡ Ù…ØØªÙˆØ§ÛŒ Ø§ÛŒÙ† ØµÙØÙ‡ Ø¨Ù‡ Ú¯Ø±ÙˆÙ‡ Ù‡Ø§ÛŒ Ú©Ø§Ø±Ø¨Ø±ÛŒ Ø®Ø§ØµÛŒ Ù…ØØ¯ÙˆØ¯ Ø´Ø¯Ù‡ Ø§Ø³Øª.</p>
	  <hr>
	  <p class=\"mb-0\">Ù…ØªØ§Ø³ÙØ§Ù†Ù‡ Ú¯Ø±ÙˆÙ‡ Ú©Ø§Ø±Ø¨Ø±ÛŒ ÙØ¹Ù„ÛŒ Ø´Ù…Ø§ Ø¯Ø± Ù„ÛŒØ³Øª Ú¯Ø±ÙˆÙ‡ Ù‡Ø§ÛŒ Ù…Ø¬Ø§Ø² Ù†ÛŒØ³Øª</p>
	  </div>";
	 echo CurrentPage()->SummaryText->ViewValue;
break;
case (CurrentPage()->IsFree->CurrentValue == "N" and !IsLoggedIn()):
	echo "<div class=\"alert alert-warning\" role=\"alert\">
	  <h4 class=\"alert-heading useTitr\">Ø¹Ø¯Ù… Ù…Ø¬ÙˆØ² Ø¯Ø³ØªØ±Ø³ÛŒ</h4>
	  <p>Ù…Ø´Ø§Ù‡Ø¯Ù‡ Ù…ØªÙ† Ø§ÛŒÙ† ØµÙØÙ‡ Ù…Ø³ØªÙ„Ø²Ù… ÙˆØ±ÙˆØ¯ Ø¨Ù‡ Ø³ÛŒØ³ØªÙ… Ùˆ Ù¾Ø±Ø¯Ø§Ø®Øª Ù‡Ø²ÛŒÙ†Ù‡ Ù…ØµÙˆØ¨ Ø§Ø³Øª.</p>
	  <hr>
	  <p class=\"mb-2\">Ø¨Ø±Ø§ÛŒ Ù¾Ø±Ø¯Ø§Ø®Øª Ù‡Ø²ÛŒÙ†Ù‡ Ø±ÙˆÛŒ Ø¢ÛŒÚ©ÙˆÙ† Ø³Ø¨Ø¯ Ø®Ø±ÛŒØ¯ Ú©Ù„ÛŒÚ© Ú©Ù†ÛŒØ¯.</p>
	  </div>";
	echo CurrentPage()->SummaryText->ViewValue;
break;
case (CurrentPage()->IsFree->CurrentValue == "N" and IsLoggedIn() AND $allowed == 0 AND !IsAdmin()):
echo "<div class=\"alert alert-warning\" role=\"alert\">
	  <h4 class=\"alert-heading useTitr\">Ø¹Ø¯Ù… Ù…Ø¬ÙˆØ² Ø¯Ø³ØªØ±Ø³ÛŒ</h4>
	  <p>Ú©Ø§Ø±Ø¨Ø± Ú¯Ø±Ø§Ù…ÛŒ Ø¨Ø±Ø§ÛŒ Ù…Ø´Ø§Ù‡Ø¯Ù‡ Ù…ØªÙ† Ø§ÛŒÙ† ØµÙØÙ‡ Ù„Ø§Ø²Ù… Ø§Ø³Øª Ù‡Ø²ÛŒÙ†Ù‡ Ù…ØµÙˆØ¨ Ø±Ø§ Ù¾Ø±Ø¯Ø§Ø®Øª Ù†Ù…Ø§Ø¦ÛŒØ¯.</p>
	  <hr>
	  <p class=\"mb-0\">Ø¨Ø±Ø§ÛŒ Ù¾Ø±Ø¯Ø§Ø®Øª Ù‡Ø²ÛŒÙ†Ù‡ Ø±ÙˆÛŒ Ø¢ÛŒÚ©ÙˆÙ† Ø³Ø¨Ø¯ Ø®Ø±ÛŒØ¯ Ú©Ù„ÛŒÚ© Ú©Ù†ÛŒØ¯.</p>
	  </div>";	
	echo CurrentPage()->SummaryText->ViewValue;
break;
default:
echo CurrentPage()->PageContent->ViewValue;
?>
<h5 class="text-info useTitr mt-3 mb-2">{{{caption RelatedPhotos}}}</h5>
{{{value RelatedPhotos}}}
<?php
}
?>
<!-- Related Pages -->
<h5 class="text-muted useTitr mt-3 mb-2">Ù…Ø·Ø§Ù„Ø¨ Ù…Ø±ØªØ¨Ø·</h5>
<?php
$sql = "SELECT PID, PageTitle FROM pages WHERE PID <> '".Route("PID")."' AND Tags LIKE '%".CurrentPage()->Tags->CurrentValue."%' ORDER BY rand() DESC LIMIT 5";
$stmt = ExecuteQuery($sql); // execute the query
echo "<ul class=\"list-group list-group-flush\">";
if ($stmt->rowCount() > 0) { // check condition: if record count is greater than 0
while ($row = $stmt->fetch()) { // loop
echo "<li class=\"list-group-item\">";
echo "<a href=\"".$row["PID"]."\">".$row["PageTitle"]."</a>";
echo "</li>";
} // end loop
echo "</ul>";
} else { // if there are no result
echo "ØµÙØÙ‡ Ù…Ø±ØªØ¨Ø·ÛŒ ÛŒØ§ÙØª Ù†Ø´Ø¯"; // display the message
} // end of check condition
?>
<!-- Related Pages End -->
<!-- Comments Section-->
  <?php
  if (CurrentPage()->AllowComment->CurrentValue == "Y"){
  $sql = "SELECT * FROM pagecomments WHERE PageID = '".Route("PID")."'";
  echo "<blockquote class=\"quote-light mb-2\">";
  echo "<h4 class=\"text-success useTitr\">Ø´Ù…Ø§ Ú†Ù‡ ÙÚ©Ø± Ù…ÛŒ Ú©Ù†ÛŒØ¯ØŸ</h4>";
  echo "<p><small>Ù„Ø·ÙØ§ Ù†Ø¸Ø± Ø®ÙˆØ¯ Ø±Ø§ Ø¯Ø± Ø®ØµÙˆØµ Ø§ÛŒÙ† Ù…Ø·Ù„Ø¨ Ø«Ø¨Øª Ù†Ù…Ø§Ø¦ÛŒØ¯.</small></p>";
  echo "<hr class=\"my-4\">";
  echo "<p class=\"lead\"><button id=\"PostComment\" data-tokenvaluekey=\"$TokenValueKey\" data-tokenvaluevalue=\"$TokenValue\" data-tokennamekey=\"$TokenNameKey\" data-tokennamevalue=\"$TokenName\" data-commenttype=\"Pages\" data-pagetitle=\"".CurrentPage()->PageTitle->CurrentValue."\" data-pageid=\"".Route("PID")."\" class=\"btn btn-primary btn-sm\">Ø«Ø¨Øª Ù†Ø¸Ø±</button></p>";
  echo "</blockquote>";
  echo "<div id=\"mybox\" style=\"display: none;\"></div>";
  $stmt = ExecuteQuery($sql); // execute the query
  echo "<div class=\"direct-chat-messages\" id=\"chats\">";
  if ($stmt->rowCount() > 0) { // check condition: if record count is greater than 0
 
  while ($row = $stmt->fetch()) { // loop
  echo "<div class=\"direct-chat-msg\"><div class=\"direct-chat-warning clearfix\"><span class=\"direct-chat-name float-left\"><small><a href=\"mailto:".$row['SenderEmail']."\">".$row['SenderName']."</a></small></span><span class=\"direct-chat-timestamp float-right\"><small>".$row['PostDate']."</small></span></div><div class=\"direct-chat-text\">".$row['Comment']."</div></div>";  
  } // end loop
  echo "</div>";
  } else { // if there are no result
  echo "<div class=\"alert alert-secondary mt-3\" role=\"alert\">";
  echo "ØªØ§Ú©Ù†ÙˆÙ† Ø¯Ø± Ø®ØµÙˆØµ Ø§ÛŒÙ† Ù…Ø·Ù„Ø¨ Ù†Ø¸Ø±ÛŒ Ø«Ø¨Øª Ù†Ø´Ø¯Ù‡ Ø§Ø³Øª.";
  echo "</div>";
  } // end of check condition
  } else {
  echo "<div class=\"alert alert-light mt-3\" role=\"alert\">";
  echo "Ø§Ø±Ø§Ø¦Ù‡ Ù†Ø¸Ø± Ø¯Ø± Ø®ØµÙˆØµ Ø§ÛŒÙ† Ù…Ø·Ù„Ø¨ ØºÛŒØ± ÙØ¹Ø§Ù„ Ø´Ø¯Ù‡ Ø§Ø³Øª.";
  echo "</div>";
  }
  ?>
<!-- COMMENT FORM -->
</div>
    <div class="card-footer mt-3">
    <small class="text-muted">{{{PostDate}}}</small>
    </div>
</div>
<!-- BOTTOM Flickity HTML init -->
<div class="carousel mb-4" id="pedra2">
			  <?php
			  $config = new SiteConfig;
			  $topcardnum = $config->HomeTopCards;
			  $sql = "SELECT * FROM cards WHERE CardType = 'P' AND FIND_IN_SET(".Route("PID").",PagesID) AND IsActive = 'Y' AND CardPlace = 'B' AND flickity = 'Y' ORDER BY ID ASC";
              $stmt = ExecuteQuery($sql); // execute the query
              if ($stmt->rowCount() > 0) {
              while ($row = $stmt->fetch()) {
			  echo "<div class=\"carousel-cell\">";
			  if ($row['ShowRibon'] == 'Y'){
			  echo "<div class=\"ribbon-wrapper\">";
			  echo "<div class=\"ribbon bg-".$row['RibbonClass']."\">".$row['RibbonText']."</div></div>";
			  }
			  echo "<h6 class=\"useTitr text-light text-center p-2 mb-2\">".$row['CardTitle']."</h6>";
			  echo "<img class=\"card-img-top img-fluid\" src=\"cards/".$row['CardPhoto']."\" alt=\"".$row['CardTitle']."\" title=\"".$row['CardTitle']."\">";
  			  echo "<div class=\"carousel-caption d-none d-md-block mb-3\"><h5>".$row['CardTitle']."</h5><p>".RemoveHtml($row['CardText'])."</p></div>";
  			  echo "<div class=\"card-footer text-center mb-1\">";
			  echo "<button target=\"_self\" url=\"".$row['CardLink']."\" class=\"btn btn-".$row['CardClass']." links float-right\">".$row['LinkTitle']."</button>";
			  echo "</div></div>";
			  }
			  } 
?> 
</div>
<!-- BOTTOM Flickity HTML End -->
<!-- BOTTOM CADS START -->
<div class="card-deck">
			  <?php
			  $config = new SiteConfig;
			  $topcardnum = $config->PagesTopCards;
			  $sql = "SELECT * FROM cards WHERE CardType = 'P' AND FIND_IN_SET(".Route("PID").",PagesID) AND IsActive = 'Y' AND CardPlace = 'B' AND flickity = 'N' ORDER BY rand() LIMIT $topcardnum";
              $stmt = ExecuteQuery($sql); // execute the query
              if ($stmt->rowCount() > 0) {
              while ($row = $stmt->fetch()) {
			  echo "<div class=\"card card-widget shadow rounded\">";
			  echo "<img class=\"card-img-top\" src=\"cards/".$row['CardPhoto']."\" alt=\"".$row['CardTitle']."\" title=\"".$row['CardTitle']."\">";
			  echo "<blockquote class=\"quote-".$row['CardClass']."\">";
			  echo "<h4 class=\"text-".$row['CardClass']." useTitr\">".$row['CardTitle']."</h4>";
			  echo "<p>";
			  echo $row['CardText'];
			  echo "</p>";
			  echo "</blockquote>";
			  echo "<div class=\"card-footer\">";
			  echo "<p class=\"card-text\"><small class=\"text-muted\"><a href=\"".$row['CardLink']."\" class=\"btn btn-".$row['CardClass']." btn-sm float-right\">".$row['LinkTitle']."</a></small></p>";
			  echo "</div>";
			  echo "</div>";
			  }
			  }
?> 
</div>
<!-- BOTTOM CADS END -->

my codes for view page startup script :

// Write your table-specific startup script here, no need to add script tags.
$(document).ready(function(){
        $("#pedra").flickity({
        cellAlign: 'right',
        wrapAround: true,
        draggable: true,
        rightToLeft: true,
        pageDots: true,
        contain: false
        });
        $("#pedra2").flickity({
        cellAlign: 'right',
        wrapAround: true,
        draggable: true,
        rightToLeft: true,
        pageDots: true,
        contain: false
        });
    $("#PostComment").click(function(e){
    	e.preventDefault();
    	$('#mybox').show();
    	var pushedBtn = $(this);
    	var CommentType = $(this).data('commenttype');
    	var PageID = $(this).data('pageid');
    	var PageTitle = $(this).data('pagetitle');
    	var TokenValueKey = $(this).data('tokenvaluekey');
		var TokenValueValue = $(this).data('tokenvaluevalue');
		var TokenNameName = $(this).data('tokennamekey');
		var TokenNameValue = $(this).data('tokennamevalue');
    	$.confirm({
    		title: PageTitle,
    		titleClass: 'text-danger p-2 mb-2',
    		type: 'green',
    		theme: 'material',
    		containerFluid: true,
    		useBootstrap: true,
    		animation: 'scale',
    		draggable: true,
			columnClass: 'large',
    		backgroundDismiss: false,
    		backgroundDismissAnimation: 'glow',
    		container: 'body',
    		content: '' +
    		'<fieldset class="fieldset p-3">' +
    		'<legend class="legend p-2 useNasim text-success">ÙØ±Ù… Ø«Ø¨Øª Ù†Ø¸Ø±Ø§Øª</legend>' +
    		'<form action="" class="formName">' +
			'<input type="hidden" name="'+ TokenNameName +'" value="'+ TokenNameValue +'">' +
            '<input type="hidden" name="'+ TokenValueKey +'" value="'+ TokenValueValue +'">' +
    		'<div class="input-group">' +
    		'<div class="input-group-prepend">' +
    		'<span class="input-group-text" id=""><span class="fas fa-user"></span></span>' +
    		'</div>' +
    		'<input type="text" name="SenderName" size="20" id="SenderName" placeholder="Ù†Ø§Ù… Ùˆ Ù†Ø§Ù… Ø®Ø§Ù†ÙˆØ§Ø¯Ú¯ÛŒ" class="form-control SenderName">'+
    		'</div>' +
    		'<div class="input-group mt-2">' +
    		'<div class="input-group-prepend">' +
    		'<span class="input-group-text" id="">@</span>' +
    		'</div>' +
    		'<input type="email" dir="ltr" name="SenderEmail" size="30" id="SenderEmail" placeholder="Ø¢Ø¯Ø±Ø³ Ø§ÛŒÙ…ÛŒÙ„" class="form-control SenderEmail">'+
    		'</div>' +
    		'<div class="input-group mt-2">' +
    		'<textarea class="form-control YourComment" rows="3" cols="50" name="YourComment" id="comment" placeholder="Ù†Ø¸Ø±ØªØ§Ù† Ø±Ø§ Ø§ÛŒÙ†Ø¬Ø§ Ø¨Ù†ÙˆÛŒØ³ÛŒØ¯"></textarea>'+
    		'</div>' +
    		'</form>' +
    		'</fieldset>',
    		buttons: {
    		Verify: {
    		text: 'Ø«Ø¨Øª',
    		btnClass: 'btn-success',
    		action: function(){
    		var SenderName = this.$content.find('.SenderName').val();
    		var SenderEmail = this.$content.find('.SenderEmail').val();
    		var Comment = this.$content.find('.YourComment').val();
			$.ajax({
    		type: "GET",
    		cache: false,
    		url: "savecomment.php",
    		data: { 
			Comment:Comment,PageID:PageID,SenderName:SenderName,SenderEmail:SenderEmail,CommentType:CommentType
    		},
    		success: function(res) {
			$('#mybox').html(res);
    		},
    		error: function(res) {
			$('#mybox').html(res);	
    		}
    		});
    		}
    		},
    		cancel: {
    		text: 'Ø§Ù†ØµØ±Ø§Ù',
    		action: function () {
    		}
    		},
    		},
    		onContentReady: function () {
    		var jc = this;
    		this.$content.find('form').on('submit', function (e) {
    		e.preventDefault();
    		jc.$$formSubmit.trigger('click'); 
    	    });
    	    }
    	}); // confirm end	
     });
});

What’s wrong with my code?Thanks

mobhar · December 24, 2020, 12:01am

mansour wrote:

My form does NOT work.

Please always explain it in more detail. In which part it does not work? Have you enabled Debug mode ( https://www.hkvforums.com/viewtopic.php?f=18&t=49192 ) ? Have you enabled PHP error log ( https://discourse.hkvstore.com/t/enable-php-error-log/3549/1 ) ? If so, did you see any error message? Post the error message here for more discussion.

arbei · December 24, 2020, 1:24am

You need to make sure the Custom Template (which is rendered on page load) is rendered by JsRender first. You may put your JavaScript inside:

loadjs.ready("jsrender", function() {

// your code

});

mansour · December 24, 2020, 4:40am

Hi,
I tested my code:button:

  echo "<p class=\"lead\"><button id=\"PostComment\" data-tokennamekey=\"$TokenNameKey\" data-tokenname=\"$TokenName\" data-tokenvaluekey=\"$TokenValueKey\" data-tokenvalue=\"$TokenValue\" data-commenttype=\"Pages\" data-pagetitle=\"".CurrentPage()->PageTitle->CurrentValue."\" data-pageid=\"".Route("PID")."\" class=\"btn btn-primary btn-sm\">Ø«Ø¨Øª Ù†Ø¸Ø±</button></p>";

and my startup script

<script>
loadjs.ready("load", function () {
    // Startup script
    // Write your table-specific startup script here, no need to add script tags.
    $(document).ready(function(){
            $("#pedra").flickity({
            cellAlign: 'right',
            wrapAround: true,
            draggable: true,
            rightToLeft: true,
            pageDots: true,
            contain: false
            });
            $("#pedra2").flickity({
            cellAlign: 'right',
            wrapAround: true,
            draggable: true,
            rightToLeft: true,
            pageDots: true,
            contain: false
            });
			  $("#sendform").click(function(e){
	  e.preventDefault();
	  $('#mybox').show();
	  //check required fields
	  if($('#SenderName').val() == ''){
	  $( "#SenderName" ).focus();
	  $('#mybox').html("<div class=\"alert alert-warning\" role=\"alert\"><i class=\"fas fa-exclamation-triangle fa-5x text-danger\"></i> Ù„Ø·ÙØ§ Ù†Ø§Ù… Ùˆ Ù†Ø§Ù… Ø®Ø§Ù†ÙˆØ§Ø¯Ú¯ÛŒ Ø®ÙˆØ¯ Ø±Ø§ ÙˆØ§Ø±Ø¯ Ú©Ù†ÛŒØ¯</div>");
	  exit;
	  }
	  if($('#SenderEmail').val() == ''){
	  $( "#SenderEmail" ).focus();
	  $('#mybox').html("<div class=\"alert alert-warning\" role=\"alert\"><i class=\"fas fa-exclamation-triangle fa-5x text-danger\"></i> Ø¢Ø¯Ø±Ø³ Ø§ÛŒÙ…ÛŒÙ„ Ø®ÙˆØ¯ Ø±Ø§ ÙˆØ§Ø±Ø¯ Ú©Ù†ÛŒØ¯</div>");
	  exit;
	  }
	  if($('#comment').val() == ''){
	  $( "#comment" ).focus();
	  $('#mybox').html("<div class=\"alert alert-warning\" role=\"alert\"><i class=\"fas fa-exclamation-triangle fa-5x text-danger\"></i> Ù„Ø·ÙØ§ Ù†Ø¸Ø±ØªØ§Ù† Ø±Ø§ Ø¯Ø± ÙÛŒÙ„Ø¯ Ù…Ø±Ø¨ÙˆØ·Ù‡ ÙˆØ§Ø±Ø¯ Ú©Ù†ÛŒØ¯</div>");
	  exit;
	  }
	  var SenderName = $("#SenderName").val();
	  var SenderEmail = $("#SenderEmail").val();
	  var PageID = $("#PageID").val();
	  var Comment = $("#comment").val();
	  var CommentType = $("#CommentType").val();
	  $.ajax({
	  url:"savecomment.php", //the page containing php script
	  data: { 
			Comment:Comment,PageID:PageID,SenderName:SenderName,SenderEmail:SenderEmail,CommentType:CommentType
		},
	  type: "POST", //request type
	  success:function(result){
	  $('#mybox').html(result);
	  $("#comment").val("");
	  setTimeout('$("#mybox").empty()',7000);
	  }
	  });
	  });
	  });
        $("#PostComment").click(function(e){
        	e.preventDefault();
        	$('#mybox').show();
        	var pushedBtn = $(this);
        	var CommentType = $(this).data('commenttype');
        	var PageID = $(this).data('pageid');
        	var PageTitle = $(this).data('pagetitle');
			var TokenNameKey = $(this).data('tokennamekey');
			var TokenName = $(this).data('tokenname');
			var TokenValueKey = $(this).data('tokenvaluekey');
			var TokenValue = $(this).data('tokenvalue');
			alert (TokenValue);
        	$.confirm({
        		title: PageTitle,
        		titleClass: 'text-danger p-2 mb-2',
        		type: 'green',
        		theme: 'material',
        		containerFluid: true,
        		useBootstrap: true,
        		animation: 'scale',
        		draggable: true,
    			columnClass: 'large',
        		backgroundDismiss: false,
        		backgroundDismissAnimation: 'glow',
        		container: 'body',
        		content: '' +
        		'<fieldset class="fieldset p-3">' +
        		'<legend class="legend p-2 useNasim text-success">ÙØ±Ù… Ø«Ø¨Øª Ù†Ø¸Ø±Ø§Øª</legend>' +
        		'<form action="" class="formName">' +
				'<input type="hidden" name="'+TokenNameKey+'" value="'+TokenName+'">' +
        		'<input type="hidden" name="'+TokenValueKey+'" value="'+TokenValue+'">' +
				'<div class="input-group">' +
        		'<div class="input-group-prepend">' +
        		'<span class="input-group-text" id=""><span class="fas fa-user"></span></span>' +
        		'</div>' +
        		'<input type="text" name="SenderName" size="20" id="SenderName" placeholder="Ù†Ø§Ù… Ùˆ Ù†Ø§Ù… Ø®Ø§Ù†ÙˆØ§Ø¯Ú¯ÛŒ" class="form-control SenderName">'+
        		'</div>' +
        		'<div class="input-group mt-2">' +
        		'<div class="input-group-prepend">' +
        		'<span class="input-group-text" id="">@</span>' +
        		'</div>' +
        		'<input type="email" dir="ltr" name="SenderEmail" size="30" id="SenderEmail" placeholder="Ø¢Ø¯Ø±Ø³ Ø§ÛŒÙ…ÛŒÙ„" class="form-control SenderEmail">'+
        		'</div>' +
        		'<div class="input-group mt-2">' +
        		'<textarea class="form-control YourComment" rows="3" cols="50" name="YourComment" id="comment" placeholder="Ù†Ø¸Ø±ØªØ§Ù† Ø±Ø§ Ø§ÛŒÙ†Ø¬Ø§ Ø¨Ù†ÙˆÛŒØ³ÛŒØ¯"></textarea>'+
        		'</div>' +
        		'</form>' +
        		'</fieldset>',
        		buttons: {
        		Verify: {
        		text: 'Ø«Ø¨Øª',
        		btnClass: 'btn-success',
        		action: function(){
        		var SenderName = this.$content.find('.SenderName').val();
        		var SenderEmail = this.$content.find('.SenderEmail').val();
        		var Comment = this.$content.find('.YourComment').val();
    			$.ajax({
        		type: "POST",
        		cache: false,
        		url: "savecomment.php",
        		data: { 
    			Comment:Comment,PageID:PageID,SenderName:SenderName,SenderEmail:SenderEmail,CommentType:CommentType
        		},
        		success: function(res) {
    			$('#mybox').html(res);
        		},
        		error: function(res) {
    			$('#mybox').html(res);	
        		}
        		});
        		}
        		},
        		cancel: {
        		text: 'Ø§Ù†ØµØ±Ø§Ù',
        		action: function () {
        		}
        		},
        		},
        		onContentReady: function () {
        		var jc = this;
        		this.$content.find('form').on('submit', function (e) {
        		e.preventDefault();
        		jc.$$formSubmit.trigger('click'); 
        	    });
        	    }
        	}); // confirm end	
         });
    });
});
</script>

The error is 400:[2020-12-24T04:39:39.640102+00:00] log.DEBUG: 400 Bad Request Type: Slim\Exception\HttpBadRequestException Code: 400 Message: Ø¯Ø±Ø®ÙˆØ§Ø³Øª Ù¾Ø³Øª Ù†Ø§Ù…Ø¹ØªØ¨Ø± Ø§Ø³Øª File: C:\xampp\htdocs\pedra\src\PermissionMiddleware.php

Thanks

arbei · December 24, 2020, 12:37pm

url: “savecomment.php”,

If “savecomment.php” is a Custom File and your project uses User Level Security, you need to set up your permissions so that the user has permission to access the file.In fact, if it is a Custom File, you should access it by its route (e.g. /savecomment), not by file name. (Remember that v2021 uses routing, do not try to access by file name.)