|
Top-level await[^] is currently only supported in modules[^]. For regular Javascript code, you would need to wrap it in a function.
For example:
let xml = null;
(async () => {
const apiUrl = "link/to/myfile.xml";
const response = await fetch(apiUrl);
const text = await response.text();
xml = new DOMParser().parseFromString(text, "text/xml");
console.log(xml);
})(); NB: If you access the xml variable before the fetch has completed, it will still be null . Another approach would be to store a promise[^] in the variable, and await that when you want to access it:
const xml = (async () => {
const apiUrl = "link/to/myfile.xml";
const response = await fetch(apiUrl);
const text = await response.text();
const result = new DOMParser().parseFromString(text, "text/xml");
console.debug("xml:", result);
return result;
})();
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
DSB Audio (David Sweeney-Bear) wrote: All the methods I can find for "hoisting" a local variable into global scope seem to fail.
You can't hoist across scopes. Hoisting merely moves definitions of variables to the top of the scope that they are defined in (but the initial value assigned to it is still done in the place where the they appear in the script text). You must define the 'x' in the scope that owns it (pref. not the global scope) and then it is visible in all inner scopes unless hidden by declaring another 'x' in a scope between the defining one and the using one. You can create a variable in the global scope from any other scope by using it without declaring it first (e.g. not in a var statement) - this is bad practice, so please do not do that.
|
|
|
|
|
I'm using JS to fetch data from an xml file on a server, like so:
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myFunction(this);
}
};
I've noticed that when I use this code within my wordpress site, my function is able to get readable data in chrome console, i.e. a drop-down which shows all the xml code,
However if I use the same JS on a static HTML page, it seems to fetch the data but only displays "XML: [object XMLDocument] with no actual data.
Obviously, I'm new to all this, but it would really help my understanding to know why this happens.
|
|
|
|
|
Since this seems to be a new site, and I'm assuming you don't need to support the now officially dead[^] Internet Explorer, you might have better luck using the Fetch API:
Fetch API - Web APIs | MDN[^]
This can help to clean up the code, especially when combined with async[^] and await[^].
Eg:
async function loadSomeData(){
const response = await fetch("/path/to/your/file.xml");
const text = await response.text();
const xml = new DOMParser().parseFromString(text, "text/xml");
myFunction(xml);
} DOMParser - Web APIs | MDN[^]
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Thanks, it seems I made a "rookie" mistake... I'm in the habit of adding text strings to console.log outputs, since I tend to use so many to try and figure out what's going on in my code...
So, instead of console.log(xml) I had written console.log("xml: " + xml) which is what caused the data to be "unreadable" in console.
Using just the variable in console.log means that both fetch and XMLHttpRequest work equally well. In fact they were working anyway and the real root of the issue I'm tying to debug lies elsewhere... probably a subject for another post!
|
|
|
|
|
FYI, the console methods accept multiple parameters, which would avoid this problem.
console.log("xml:", xml); There are a lot of other useful console features, most of which work in all modern browsers:
console - Web APIs | MDN[^]
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
helo code project, I am a student my final year project is about to finish but I have a problem, which that, how I can build a web page to only have course content. when I click on it goes to the next page.
like
heading course content for the college
then
consist of course content with icon
Please help me to create
|
|
|
|
|
Hello everybody
i'm looking for a group of person , beginner please, for create a team for dev.
This is for create a projet together.
I am just a beginner ! i start just by the html css et just little js.
Contact me please.
ps: i'm french, so sorry for my english ^^
|
|
|
|
|
That's a nice plan and I am interested in this. Even though I am in the initial stage of learning HTML and CSS therefore I would love to be a part of this group.
|
|
|
|
|
I would also like to be a part of this group as I am in the beginning of my frontend journey and i would like to pratice projects as much as I can so I would love to join this community!
|
|
|
|
|
|
As a personal side-project, I am writing a simple ASP.NET Webform website. Since I have never been involved in the production and it is always the ops team who handles the operation, I am not sure about this go-live process, for example, how to publish my website to the web hosting. Do I have access to IIS in the web hosting? Does anyone have a useful IIS guide recommendation?
Thanks in advance.
|
|
|
|
|
The process will vary significantly depending on your hosting platform. There is no "one-size-fits-all" guide to publishing to an unknown hosting provider.
Talk to your hosting provider. They should provide documentation, guidance, and assistance with publishing your application to their platform. If they don't, find a better hosting provider.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
What do you mean by front end development?
|
|
|
|
|
|
The front-end development is done from the client side where they introduce the javascript, CSS, and HTML so that the user can interact with them directly. It is done to make a Website user-friendly by using many tools and techniques.
|
|
|
|
|
I have been reading that HTML6 will be described by some as a "living document" in that it will be open to changes and upgrades over time. If a web page is developed a year or two after the release of HTML6 and if the web page uses updated criteria, then that might break under some conditions.
If that web page uses scripts (example google tracking scripts, and others) that were written to require a previous version of HTML6, then that might not work.
If those scripts were written a year or two after that web page was created, and if those scripts require upgraded HTML6, then that might not work.
I think that the need to be seen as unique, while still being seen as like everyone else, has in the defining of HTML6 as changeable been a bad choice.
Further, what about server side scripts that are not at an update level with the main web page that they are running on? That might not work so well.
I have been wrong before. I can accept wise answers.
Thank you.
|
|
|
|
|
Hello, I want to create a section on my website where I have a background image with missing parts and when the user scrolls down more parts of the image reveals the more they scroll the fuller the image becomes. I have searched everywhere but I haven't found anything on how to do it.
This website [^] I am looking for something like this when you scroll.
|
|
|
|
|
I'm quite new to PHP. I have a selection dropdown, which sends the data to the phpmyadmin database.
This works fine, but I'd like it to be selected as default when I'm opening it again.
Here is how my code currently looks like:
<select name="category">
<?php while ($category = mysqli_fetch_assoc($categories)) : ?>
<option value="<?= $category['id'] ?>"><?= $category['title'] ?></option>
<?php endwhile ?>
</select>
What I have tried:
<option value="<?= $category['id'] ?>"><?= $category['title'] ? "selected" : ""?></option>
I basically just inserted "selected" into it, but it's not the correct way, because every single option is shown as "selected".
Here is an image about the frontend:
https://i.imgur.com/I2cXYrN.png[^]
Does anyone know how to make it to work?
Thank you for being here!
|
|
|
|
|
|
Thank you for your answer! I have read on many pages about this issue, but not gonna lie, this looks like chinese for me.
I'm uploading the data to the phpmyadmin database through this line:
$category_query = "SELECT * FROM categories";
$categories = mysqli_query($connection, $category_query);
if (isset($_GET['id'])) {
$id = filter_var($_GET['id'], FILTER_SANITIZE_NUMBER_INT);
}
|
|
|
|
|
Quote: this looks like chinese for me. Then I suggest you spend time studying PHP before trying to use advanced topics: see PHP Tutorial[^]
|
|
|
|
|
I've spent the past month to get this small project to work and other than that, I have nothing to do with PHP. So, in order to fix a few small issues, I really don't want to learn coding in PHP. That's why I made a gamble and post it here.
Thank you for your time and your tip!
|
|
|
|
|
A super global variable called $_SERVER["PHP SELF"] returns the name of the script that is presently running. As a result, rather than navigating to another page, the $_SERVER["PHP SELF"] transmits the form data to the current page. The user will receive error notifications in this manner on the same page as the form. On page load, you can leave the table's property set to display:none, and when the button is clicked, run a function to change the table's display to block.
|
|
|
|
|
hello,
On my site in ASP.Net MVC, I try to send the contents of an array in a function using a POST but nothing happens and I don't understand why.
My class :
public class AdresseIP
{
public int? Idclient { get; set; }
public int? ip1 { get; set; }
public int? ip2 { get; set; }
public int? ip3 { get; set; }
public int? ip4 { get; set; }
public int? idplan { get; set; }
}
My function (empty for the moment):
[HttpPost]
public ActionResult MAJIP(IEnumerable<AdresseIP> lst)
{
return View(1);
}
The method I use to send the array from my page:
function Valider(tableID) {
console.log("test " + tableID);
var IPs = new Array();
$("#" + tableID + " TBODY TR").each(function () {
var row = $(this);
var IP = {};
IP.Idclient = row.find("TD").eq(0).text();
IP.idplan = row.find("TD").eq(1).text();
IP.ip1 = row.find("TD").eq(2).text();
IP.ip2 = row.find("TD").eq(3).text();
IP.ip3 = row.find("TD").eq(4).text();
IP.ip4 = row.find("TD").eq(5).text();
IPs.push(IP);
});
console.log(JSON.parse(JSON.stringify(IPs)));
IPs2 = JSON.parse(JSON.stringify(IPs));
console.log(IPs2);
$.ajax({
type: "POST",
url: "/IP/MAJIP/",
data: IPs2,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (r) {
alert(r);
if (r == 1) {
console.log('test1 ' + r)
} else {
console.log('test2 ' + r);
}
}
});
}
The console.log(IPs); displays the contents of the array correctly.
There may be better methods, but I don't know of any.
When I validate, my function receives a Null. Yet all my console.log(IPs); return the expected value.
So here I don't know.
Any idea please?
|
|
|
|