How to send a php variable from a js file to a php file using ajax?

See also questions close to this topic

• MomentJS alterando data

  estou usando moment.js para pegar uma data e colocar no servidor. Uso angular no front e java no back, porém preciso adicionar um dia na data

  $scope.addServico = function (){
      if ($scope.servico.inTipoServico != null){
          if ($scope.servico.nmPreparatorio != null)
              $scope.servico.nmPreparatorio = $scope.servico.nmPreparatorio.toUpperCase();
  
          $scope.servico.nmServico = $scope.servico.nmServico.toUpperCase();
          $scope.servico.dtInclusao = moment().format('YYYY-MM-DD');
           $scope.servico.dtInclusao = $scope.servico.dtInclusao;
  
          cadastroFactory.createServico.save({},$scope.servico,
              function(result){
                  messageToastr("sucesso","Serviço cadastrado","SUCESSO");
  
          });
      }else{
              messageToastr("erro","Verifique se todos os campos estão preenchidos","ERRO")
      }
  
  };
  
• node js listener on variable change

  i'm programming an application in node js. I have different variables that change their status. What I wonder is: is there a listener, in node js, that allows me to trigger a function as soon as a certain variable changes?

  For example:

  var sensor_data;
  sensor_data.onChange(function(value){
     console.log("new value:"+value);
  });
  

  Any help?
• Triangle area/perimeter Calculator JS/jQ. Adding extra text and image in a result depending on the values

  Here is my working Triangle Calculator, that is capable to calculate the triangle area and perimeter. But I want to add az extra function to that. The function could add a text and image depending the type of the triangle. So when I click calculate button I want add a text etc.: "equilateral triangle" and an image of that, under the Result . There are three types of results depending an input value:

  • isosceles triangle + image below (Two sides equal but the base side is bigger or longer)
  • equilanteral triangle + image below (every sides equal)
  • uneven sides triangle + image below (none of that side equal)

  How do I extract the appropriate values for it and what method or function does it take to write this code line to it? How do I create my code? Examining the value of input fields is a good starting point?

  $(document).ready(function() {
    var area = "";
  
    $("#area").change(function() {
      area = $("#area").val();
      setVisibility();
    });
  
    function setVisibility() {
      if (area === "perimeter") {
        $("#maxHeight").hide();
      } else {
        $("#maxHeight").show();
      }
    }
  
  
    $("#calculate").click(function() {
      var base = document.getElementById("a_side").value;
      var b_side = document.getElementById("b_side").value;
      var c_side = document.getElementById("c_side").value;
      var height = document.getElementById("height").value;
  
      var perimeter = parseInt(base) + parseInt(b_side) + parseInt(c_side);
      var area = parseFloat(base * height) / 2;
      var result = document.getElementById("result");
  
      if ($('#area').val() == 'perimeter')
        result.innerHTML = "Perimeter:" + perimeter + "cm";
      else
        result.innerHTML = "Area :" + area + "cm2";
    });
  });

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <h3>Triangle area/periemeter</h3>
  <div>
    <select id="area">
      <option value="area">Area</option>
      <option value="perimeter">Perimeter</option>
    </select>
  </div>
  <br>
  <div id="aSide">
    <label for="a_side">A Side</label>
    <input type="number" name="" id="a_side"><br>
  </div><br>
  <div id="bSide">
    <label for="b_side">B Side</label>
    <input type="number" name="" id="b_side"><br>
  </div><br>
  <div id="cSide">
    <label for="c_side">C side</label>
    <input type="number" name="" id="c_side"><br>
  </div><br>
  <div id="maxHeight">
    <label for="height">Height</label>
    <input type="number" name="" id="height"><br>
  </div><br>
  <button id="calculate">Calculate</button><br>
  <label for="result">Result</label>
  <div id="result"></div>
• Facebook API: photos only getting some tagged photos and no videos

  To start with, my Facebook app is still in development and has not gone through the review yet.

  I have a PHP script which grabs all photos but it's only grabbing some of the tagged photos.

  It's also not grabbing any videos from my Facebook profile even though I'm only grabbing my own data as an admin test user in the app.

  Here is my code to instantiate the Facebook API:

  $this->fb = new Facebook([
      "app_id"                => $this->fbAppId,
      "app_secret"            => $this->fbAppSecret,
      "default_graph_version" => "v2.7",
  ]);
  

  Here is my API call:

  $userRawData = $this->fb->get("/me?fields=feed{message,attachments,created_time},name,videos,photos{created_time,id,images},albums{name,photos{created_time,id,images}}", $this->fbAccessToken);
  
• Class 'PDF' not found - Laravel 5.4

  I am trying to generate a PDF report in my application using the barryvdh/laravel-dompdf package, but I'm receiving an error:

  Class 'PDF' not found

  I have followed steps from previous answers to similar questions, but they don't seem to help me.

  I added the following lines in my composer.json file:

  "barryvdh/laravel-dompdf": "^0.8.0",
  "dompdf/dompdf": "0.8.0 as 0.6.2"
  

  Then, I ran composer update. Afterwards, I included the following lines in my config/app.php:

  Barryvdh\DomPDF\ServiceProvider::class,
  'PDF' => Barryvdh\DomPDF\Facade::class,
  

  And finally, I ran the following commands in my terminal:

  php artisan cache:clear
  php artisan config:cache
  

  Controller

  Use PDF;
  
  $pdf = PDF::loadView('app.feestdreportprint',compact('datas','rdata','stdinfo','institute'));
          return $pdf->stream('student-Payments.pdf');
  

  But I am still getting the same error. What can I do to solve this issue? My laravel version is 5.4.
• Routing with Json file

  I make a website site in PHP with the MVC model and I want to choose the name of each route. Therefore my URLs are not like this website.com/controller/function/params.

  My URLs in my JSON file look like this :

  {
    "homepage":{
      "url":"/",
      "controller":"HomeController",
      "function":"index",
      "title":"Homepage"
    },
    "user_profile":{
      "url":"/profile/{username}",
      "controller":"UserController",
      "function":"user_profile",
      "title":"User profile"
    }
  }
  

  When I go to the website, my Application.php load the JSON file to do a foreach to search if url exist. In this loop, I use the function preg_match to know if the URL match with the url of the JSON file.

  The problem is that with the foreach, each page load can be very slow if the site contains a lot of pages. But I can't use the key of my JSON file because some pages have one or more parameters (example: website.com/profile/toto).

  How can I solve this problem by keeping 100% custom URLs without loop?
• mobile number=0000000000 validation in jquery

  var phoneNumber = 0000000000;
  ar filter = /^((\+[1-9]{1,4}[ \-]*)|(\([0-9]{2,3}\)[ \-]*)|([0-9]{2,4})[ \-]*)*?[0-9]{3,4}?[ \-]*[0-9]{3,4}?$/;
          if (filter.test(phoneNumber)) {
            if(phoneNumber.length==10){
                 var validate = true;
            } else {
                alert('Please put 10  digit mobile number');
                var validate = false;
            }
          }
          else {
            alert('Not a valid number');
            var validate = false;
          }
  
       if(validate){
        //number is equal to 10 digit or number is not string 
        enter code here...please send me code for 10 time zero validation in jquery
      }
  
• Best render engine for online video editing app

  Please suggest which web render engine should I use to create online video editing tool.
• select2, Ajax post with Flask - mouse wheel does not work in Chrome

  I reduced my code as much as possible. Its an Ajax post to a Flask backend, which renders a new page (render_template) with a select2 pillbox (https://select2.org/).

  With this combination scrolling via mouse wheel does not work in Chrome (just in Chrome). It works via page-up/down however.

  If you call the index.html directly it works perfectly. So I expect my Ajax post to be wrong. Any suggestions?

  app.py

  from flask import Flask, render_template
  
  app = Flask(__name__)
  
  @app.route("/", methods=['GET'])
  def main():
      return render_template('main.html')
  
  @app.route("/index", methods=['POST', 'GET'])
  def index():
      return render_template('index.html')
  
  if __name__ == "__main__":
      app.run('localhost', 8080, debug=True)
  

  main.html

  <!DOCTYPE html>
  <html>
      <body>
          <a href="{{ url_for('index') }}">direct get -> mouse wheel works</a>
          <br>
          <button onclick="myFunction()">Ajax post -> mouse wheel does not work</button>
      </body>
      <script>
          function myFunction() {
              var formData = new FormData();
              var xhr = new XMLHttpRequest();
              xhr.open('POST', "{{ url_for('index') }}", true);
              xhr.onreadystatechange = function() {
                  if(xhr.readyState == XMLHttpRequest.DONE && xhr.status == 200) {
                      document.write(xhr.responseText);
                      document.close();
                  }
              }
              xhr.send(formData);
          };
      </script>
  </html>
  

  index.html

  <html>
  <head>
      <!-- jquery -->
      <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
      <!-- pillbox -->
      <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
      <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>        
      <script>
              $(document).ready(function() { 
                      $("#attendees").select2();
              });
      </script>
  </head>
  <body>
      <select class="select-responsive" name="attendees" id="attendees" style="width: 100%" multiple="multiple" >
              <option value="test">test</option>
      </select>
  
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
      <h1>very long page</h1>
  </body>
  
• Javascript function is not defined error on existing function

  I have a function that is to be called on form submission to send out an ajax request. The problem is, when I try and submit the form, I get the following error: "checkCustomerExists is not defined" What is additionally strange is that I have a staging and production site, and they are currently identical, and the staging site works no problem, but the production site is the one having the issues. Here is what I have so far on both sites:

   <script>
  
          function checkCustomerExists(){
              var phone = $('input[name=phone]').val();
              var email = $('input[name=email]').val();
              loadingModal();
              if (phone !== '' && email !== '' && !checkedIfAccount){
                  var data = {
                      email,
                      phone
                  };
                  checkedIfAccount = true;
                  $.ajax({
                      url: "{{ shop.metafields.API.doesCustExist }}",
                      data: JSON.stringify(data),
                      method: "POST",
                      dataType: "json",
                      success: function(json){
                          if (json.exists){
                              if(!json.active){
                                  var contactName;
                                  var contactType;
                                  if (json.email){
                                      contactName = json.email;
                                      contactType = 'email';
                                  } else if(json.phone) {
                                      contactName = json.phone;
                                      contactType = 'phone number';
                                  }
                                  $('#error-message').html('Your account with the '+contactType+' <span>'+contactName+'</span> has not yet been activated. An email has been sent to you with an activation link to finish creating your account.');
                                  $('#account-exists-modal').modal('show');
  
                              }
                              else if (json.email){
                                  $('#error-message').html('There is an existing account with the registered email <span style="color: red">'+json.email+'</span>. Please Log In with the provided form.');
                                  $('#account-exists-modal').modal('show');
                              } else if (json.phone){
                                  $('#error-message').html('There is an existing account with the phone number <span style="color: red">'+json.phone.replace(/^\(?([0-9]{3})\)?(\s)?[-.●]?([0-9]{3})(\s)?[-.●]?([0-9]{4})$/, '($1) $3-$5')+'</span>. Please Log In with the provided form.');
                                  $('#account-exists-modal').modal('show');
                              }
                              doesAcctExist = true;
                      } else {
                          addCustomeToPro();
  
                      }
                  });
                  checkedIfAccount = true;
              }
          }
      </script>
  <script>
      var checkedIfAccount = false;
      var doesAcctExist = false;
  
      $('#add_prof').submit(function(e){
          e.preventDefault();
          var professions = [];
              $('.prof_check:checkbox:checked').each(function(){
                  professions.push('Profession:' + $(this).val());
              });
  
              if (!validateForm(professions)) {
                  unloadButton();
                  return false;
              }
          checkCustomerExists();
  
      });
  </script>
  

  I can't figure out why one works and the other doesn't. They are both on Shopify stores as well. Any help is appreciated.
• Using refresh token in ajax post request

  I currently only have access to a section of a website (a form) and I'm supposed to use OAuth 2. I was able to get the access token and I'm able to post data to the client's api however, they want me to use a refresh token since the access token expires. Since I only have access to the client side, where do I add the refresh token in the ajax call? I can't seem to find anything other than it's dangerous to do so.

  "headers": {
      "Content-Type": "application/json",
      "Accept": "application/json",
      "Authorization": "Bearer RANDOMSTRING"
  }
  
• Can't delete SpellCheck custom dictionary for TextBox

  I used SpellCheck.GetCustomDictionaries(myTextBox) to get the IList of custom dictionaries for a text box, and then added a new one with dictionaries.Add(new Uri(...)). It works great except that removing a word from the custom dictionary seems to have no effect. The spell checking will no longer flag the word. I even deleted the entire dictionary from the hard disk, removed the file from the VS Solution Explorer and rebuilt the project to no avail. Even a reboot won't clear the issue. GetCustomDictionaries() on the control now returns an empty list.

  The removed dictionary must be cached somewhere. I've searched the registry and the file system and found nothing. I've spent a good deal of time searching this site and elsewhere and have hit a blank wall. It appears the test words I added and then removed from the custom dictionary got added to the default dictionary or some dictionary that is still being loaded.

  Does anybody know where to look for a cached copy of the custom dictionary? Is there a way to get a list of words in the spell checker's current set of dictionaries?
• FatalExecutionEngineError 0xc0000005 when assigning a string to a textbox

  I am currently writing my first vb.net application and have a wierd error: The error description points to a line where I am assigning a string constant to the value of a textbox with textbox.text = "StringText". This code is run inside a timed Sub (every 200ms) but after a while (~20 minutes) the error comes up. Before that everything is working as expected!

  What could cause this behaviour?

  Thank you for your help!

  Code in Context https://i.stack.imgur.com/ewcQX.png
• TextBoxes in asp:Table display previous values when they are enabled. Works fine when textboxes are disabled

  I am building a regular asp:Table for for displaying data fetched from an API. The data is to be edited and saved back. This part works fine. If required, the user can add a new row to enter more data. Once the new data is added, He presses Update to write the updated data to the database through the API. When the textboxes are disabled, everything works fine. An empty row gets added, the previous data gets shifted to the cells below. But when the textboxes are enabled, the data from the previous cells is replicated instead of displaying an empty row. I have taken care of the postback issue as well since the functionality for adding a row is in the postback section. Any solution? The code is as follows:

  async protected void Page_Load(object sender, EventArgs e)
  {
      if (!IsPostBack) //For first page load
      {
          string id = Request.QueryString["id"];
  
          JObject jsonresponse;
  
          using (var client = new HttpClient())
          {
              client.BaseAddress = new Uri("http://localhost:3000/");
              client.DefaultRequestHeaders.Accept.Clear();
              client.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue("application/json"));
  
              object values = new
              {
                  documentId = Convert.ToInt16(id)
              };
  
              var response = await client.PostAsJsonAsync("admins/searchonedocument", values);
  
              var responseString2 = await response.Content.ReadAsStringAsync();
  
              jsonresponse = JObject.Parse(responseString2);
          }
  
          if ((bool)jsonresponse["success"])
          {
              lblDocumentID.Text = jsonresponse["document"]["documentId"].ToString();
              lblDocumentTitle.Text = jsonresponse["document"]["title"].ToString();
              lblDateModified.Text = jsonresponse["document"]["dateModified"].ToString();
  
              JArray subheadings = (JArray)jsonresponse["document"]["subheadings"];
              JArray content = (JArray)jsonresponse["document"]["text"];
  
              for (int i = 0; i < subheadings.Count; i++)
              {
                  TableRow tr = new TableRow();
  
                  TableCell tcsrno = new TableCell();
                  tcsrno.Width = Unit.Percentage(5);
                  TextBox tbsrno = new TextBox();
                  tbsrno.Text = (i + 1).ToString();
                  tbsrno.Enabled = false;
                  tbsrno.Width = Unit.Percentage(95);
                  tcsrno.Controls.Add(tbsrno);
                  tr.Cells.Add(tcsrno);
  
                  TableCell tcsection = new TableCell();
                  tcsection.Width = Unit.Percentage(20);
                  TextBox tbsection = new TextBox();
                  tbsection.Text = subheadings[i].ToString();
                  tbsection.Enabled = true;
                  tbsection.Width = Unit.Percentage(95);
                  tcsection.Controls.Add(tbsection);
                  tr.Cells.Add(tcsection);
  
                  TableCell tccontent = new TableCell();
                  tccontent.Width = Unit.Percentage(75);
                  TextBox tbcontent = new TextBox();
                  tbcontent.TextMode = TextBoxMode.MultiLine;
                  tbcontent.Height = 150;
                  tbcontent.Text = content[i].ToString();
                  tbcontent.Enabled = true;
                  tbcontent.Width = Unit.Percentage(95);
                  tccontent.Controls.Add(tbcontent);
                  tr.Cells.Add(tccontent);
  
                  tabledocuments.Rows.Add(tr);
              }
          }
      }
      else //Post Back
      {
          string id = Request.QueryString["id"];
  
          JObject jsonresponse;
  
          using (var client = new HttpClient())
          {
              client.BaseAddress = new Uri("http://localhost:3000/");
              client.DefaultRequestHeaders.Accept.Clear();
              client.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue("application/json"));
  
              object values = new
              {
                  documentId = Convert.ToInt16(id)
              };
  
              var response = await client.PostAsJsonAsync("admins/searchonedocument", values);
  
              var responseString2 = await response.Content.ReadAsStringAsync();
  
              jsonresponse = JObject.Parse(responseString2);
          }
  
          if ((bool)jsonresponse["success"])
          {
              lblDocumentID.Text = jsonresponse["document"]["documentId"].ToString();
              lblDocumentTitle.Text = jsonresponse["document"]["title"].ToString();
              lblDateModified.Text = jsonresponse["document"]["dateModified"].ToString();
  
              JArray subheadings = (JArray)jsonresponse["document"]["subheadings"];
              JArray content = (JArray)jsonresponse["document"]["text"];
              bool isAdded = false;
  
              for (int i = 0, sectionnumber = 0; i < subheadings.Count; i++, sectionnumber++)
              {
                  if (txtboxsectionnumber.Text.Length != 0 && (Convert.ToInt16(txtboxsectionnumber.Text) - 1) == i && !isAdded) //Adding new Row
                  {
                      TableRow tr = new TableRow();
  
                      TableCell tcsrno = new TableCell();
                      tcsrno.Width = Unit.Percentage(5);
                      TextBox tbsrno = new TextBox();
                      tbsrno.Text = (sectionnumber + 1).ToString();
                      tbsrno.Enabled = false;
                      tbsrno.Width = Unit.Percentage(95);
                      tbsrno.Height = 100;
                      tcsrno.Controls.Add(tbsrno);
                      tr.Cells.Add(tcsrno);
  
                      TableCell tcsection = new TableCell();
                      tcsection.Width = Unit.Percentage(20);
                      TextBox tbsection = new TextBox();
                      tbsection.Attributes.Add("readonly", "readonly");
                      tbsection.Text = "";
                      tbsection.Enabled = true;
                      tbsection.Width = Unit.Percentage(95);
                      tcsection.Controls.Add(tbsection);
                      tr.Cells.Add(tcsection);
  
                      TableCell tccontent = new TableCell();
                      tccontent.Width = Unit.Percentage(75);
                      TextBox tbcontent = new TextBox();
                      tbcontent.TextMode = TextBoxMode.MultiLine;
                      tbcontent.Height = 150;
                      tbcontent.Text = "";
                      tbcontent.Enabled = true;
                      tbcontent.Width = Unit.Percentage(95);
                      tccontent.Controls.Add(tbcontent);
                      tr.Cells.Add(tccontent);
  
                      tabledocuments.Rows.Add(tr);
                      isAdded = true;
                      i--;
                  }
                  else
                  {
                      TableRow tr = new TableRow();
  
                      TableCell tcsrno = new TableCell();
                      tcsrno.Width = Unit.Percentage(5);
                      TextBox tbsrno = new TextBox();
                      tbsrno.Text = (sectionnumber + 1).ToString();
                      tbsrno.Enabled = false;
                      tbsrno.Width = Unit.Percentage(95);
                      tcsrno.Controls.Add(tbsrno);
                      tr.Cells.Add(tcsrno);
  
                      TableCell tcsection = new TableCell();
                      tcsection.Width = Unit.Percentage(20);
                      TextBox tbsection = new TextBox();
                      tbsection.Text = subheadings[i].ToString();
                      tbsection.Enabled = true;
                      tbsection.Width = Unit.Percentage(95);
                      tcsection.Controls.Add(tbsection);
                      tr.Cells.Add(tcsection);
  
                      TableCell tccontent = new TableCell();
                      tccontent.Width = Unit.Percentage(75);
                      TextBox tbcontent = new TextBox();
                      tbcontent.TextMode = TextBoxMode.MultiLine;
                      tbcontent.Height = 150;
                      tbcontent.Text = content[i].ToString();
                      tbcontent.Enabled = true;
                      tbcontent.Width = Unit.Percentage(95);
                      tccontent.Controls.Add(tbcontent);
                      tr.Cells.Add(tccontent);
  
  
                      tabledocuments.Rows.Add(tr);
                  }
              }
          }
      }
  }