logo
Tags down

shadow

inner json array cannot be accessed in javascript, but can console log the complete json


By : jfsym
Date : October 16 2020, 08:10 PM
wish of those help console.log(e.responseText); testNature(e.responseText.responses[0]); , Short version
Convert the string to object using:
code :
responseText = JSON.parse(responseText);
e.responseText.responses[0]
console.log(typeof(e.responseText))


Share : facebook icon twitter icon

Javascript array showing 2 values in console, only 1 when accessed


By : Rench
Date : March 29 2020, 07:55 AM
wish of those help I have discovered that further down the function the value my_array[2] wasn't being set until after I called console.log().
However this has shown some weird behavior of console.log().
code :
var my_array = [111];
console.log(my_array);
my_array[1] = 222;
[111, 222]
[111]
var my_array = [111];
console.log(my_array.length, my_array[1]);
my_array[1] = 222;
1, undefined

JSON file not being accessed using Javascript


By : Kürşad Can Mutlu
Date : March 29 2020, 07:55 AM
may help you .
I am running the HTML on locally , not on the same server as the the website.

i need to get data from mysql DB and put it to a json array and use the json array for textbox auto complete


By : Amit
Date : March 29 2020, 07:55 AM
Does that help If my understanding is correct, create the json array in the same php file and pass that array to the javascript function.. It would be some thing like below
code :
<script>
  $(function() {
    var availableTags = [<?php $jsonArray ?>];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  });
  </script>
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Autocomplete - Custom data and display</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <style>
  #project-label {
    display: block;
    font-weight: bold;
    margin-bottom: 1em;
  }
  #project-icon {
    float: left;
    height: 32px;
    width: 32px;
  }
  #project-description {
    margin: 0;
    padding: 0;
  }
  </style>
  <script>
  $(function() {
    var projects = [
      {
        value: "jquery",
        label: "jQuery",
        desc: "the write less, do more, JavaScript library",
        icon: "jquery_32x32.png"
      },
      {
        value: "jquery-ui",
        label: "jQuery UI",
        desc: "the official user interface library for jQuery",
        icon: "jqueryui_32x32.png"
      },
      {
        value: "sizzlejs",
        label: "Sizzle JS",
        desc: "a pure-JavaScript CSS selector engine",
        icon: "sizzlejs_32x32.png"
      }
    ];

    $( "#project" ).autocomplete({
      minLength: 0,
      source: projects,
      focus: function( event, ui ) {
        $( "#project" ).val( ui.item.label );
        return false;
      },
      select: function( event, ui ) {
        $( "#project" ).val( ui.item.label );
        $( "#project-id" ).val( ui.item.value );
        $( "#project-description" ).html( ui.item.desc );
        $( "#project-icon" ).attr( "src", "images/" + ui.item.icon );

        return false;
      }
    })
    .autocomplete( "instance" )._renderItem = function( ul, item ) {
      return $( "<li>" )
        .append( "<a>" + item.label + "<br>" + item.desc + "</a>" )
        .appendTo( ul );
    };
  });
  </script>
</head>
<body>

<div id="project-label">Select a project (type "j" for a start):</div>
<img id="project-icon" src="images/transparent_1x1.png" class="ui-state-default" alt="">
<input id="project">
<input type="hidden" id="project-id">
<p id="project-description"></p>


</body>
</html>

Javascript post JSON data using form, but the JSON is not complete in PHP


By : Vinit Thanvi
Date : March 29 2020, 07:55 AM
Any of those help Solved by change to