[WebMethod]
public static string testingWebMethod(string name) {
//Do something with name?
string someString = "Woah";
return someString;
}
var dataToSend = JSON.stringify({
"name": "foo"
});
$.ajax({
type: "POST",
url: "page.aspx/testingWebMethod",
dataType: "json",
data: dataToSend,
contentType: "application/json",
success: function(response) {
alert(response.d);
},
error: function(err) {
alert(err.d);
}
});
(by axds)
https://jsfiddle.net/s7bn7cfr/
The simple for loop seems to win the speed tests:
let arrLen = test.length; for( let i = 0; i < arrLen; i++ ){ }
Although this method is less DRY as the length of the the array has to be known. JS’s forEach() or jQuery’s $.each() are good alternatives that are dynamic.
The clear worst is the ‘for x in y’ loop. Which has bulky syntax and is slow.
Useful for programmers… although not easy to find on a keyboard.
Hold down the alt key and on the number pad type in 96.
(Alt + 96)
console.log(`This is a string template where the constant x is ${x}`)
Example: https://jsfiddle.net/ehdgpvyb/
ES2015 provides a better way to use variables inside strings.
function exampleJS5( name , age ) {
console.log("Hello " + name + ", you are " + age + "!");
}
function exampleJS6( name , age ) {
console.log(`Hello ${name}, you are ${age}!`);
}
exampleJS5('Bob', 20);
//Hello Bob, you are 20!
exampleJS6('Bob', 20);
//Hello Bob, you are 20!
function sortJSONBy2Keys(a,b,c){var d=function(b,c){return b>c?1:b<c?-1:0};return a.sort(function(a,e){var f=a[b],g=e[b],h=a[c],i=e[c];return d([d(f,g),d(h,i)],[d(g,f),d(i,h)])})}
var sortedJson = sortJSONBy2Keys(originalJson,'key1','key2');
Example: https://jsfiddle.net/1934z53s/
[WebMethod]
public static void testingWebMethod(Object dataTest)
{
Debug.WriteLine(dataTest);
Debug.WriteLine(dataTest);
}
var sendThisData = JSON.stringify({
dataTest: [{ "name": "foo" }]
});
$.ajax({
type: "POST",
url: "page.aspx/testingWebMethod",
data: sendThisData,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function () {
},
error: function () {
alert("Something went wrong.");
}
});
$remove is a handy internal method of Vue.js to remove an element in an array. This method is pretty much just calling the splice() function, but reducing the number of lines of code.
Example: https://jsfiddle.net/jpv056o2/
this.yourArrayName.$remove(elementIndex)
ng-cloak removes the ‘flashing’ of hidden elements on runtime. It’s not a feature of Vue.js but can be added easily by adding this to your CSS:
<style>
[v-cloak] { display:none; }
</style>
Usage example:
<div v-show="appLoaded" v-cloak> Blah blah blah</div>
