Ajax/JSON/Jquery

Question 1

Што претставува Jquery?

Answer 1

cross-browser Javascript библиотека.

Создадена во 2006 година од John Resig.

Question 2

Што е намената на Jquery?

Answer 2

• Да го поедностави скриптирањето од клиентска страна.
• Синтаксата на Jquery е создадена со цел да креира анимации, подржува настани, креира AJAX апликации
• Филозофијата на Jquery e GET&raquo_space; ACT

Question 3

Која е основната синтакса на Jquery?

Answer 3

$(selector).action()

//selector може да биде class, id, html tag
//action може да биде hide(), click() . . .

Question 4

Какви може да бидат хиерархиските селектори?

Answer 4

$(“table td”) //потомци
$(“tr > td”) //директни деца
$(“label + input”) //следно
$(“#content #div”) //siblings

$(“tr:first”) // first element
$(“tr:last”) // last element
$(“tr:lt(2)”) // index less than
$(“tr:gt(2)”) // index gr. than 
$(“tr:eq(2)”)// index equals

Question 5

На кој начин би можело да се пронајдат елементи во dropdown листа?

Answer 5

$(“#cities option:selected”).val()

$(“#cities option:selected”).text()

Question 6

Доколку имаме checkbox и селектираме елемент, како би можеле да манипулираме со елементот со Jquery?

Answer 6

$(“input:checked”)

//dokolku e radio - $(“input:selected”)
//dokolku e text - $(“input:enabled/disabled”)

Question 7

Како би додале нови елементи со помош на Jquery?

Answer 7

$(“h1”).append(“<li>Hello $!</li>”); //na kraj
$(“h1”).prepend(“<li>Hello $!</li>”); //na pocetok
$(“<li>”).html(“9”).appendTo(“ul”); //append to <ul>
$(“<li>”).html(“9”).prependTo(“ul”); //prepend to <ul></ul></li></ul></li>

Question 8

Како би заменувале елементи со помош на Jquery?

Answer 8

$(“h1”).replaceWith(“<div>Hello</div>”);

$(“<div>Hello</div>”).replaceAll(“h1”);

Question 9

Replace the elements while keeping the content?

Answer 9

$(“h3”).each(function()
{$(this).replaceWith(“<div>” + $(this).html() + ”</div>”);
});

Question 10

Како може да ја земеме вредноста на чекиран checkbox?

Answer 10

$(“input:checkbox:checked”).val();

Question 11

Како може да се бришат елементи?

Answer 11

$(“#mainContent”).empty() //remove all children

$(“span.names”).remove() //remove selection

Question 12

На кој начин може да го променеме ова со синтаксата на Jquery : <a>…</a>?

Answer 12

$(“a”).attr(“href”,”home.htm”);

Question 13

Како може да смениме атрибут во некој селектор од enabled во disabled?

Answer 13

$(“button”).removeAttr(“disabled”)

Question 14

Како може да се селектираат повеќе атрибути?

Answer 14

$(“img”).attr({
“src” : “/images/smile.jpg”,
“alt” : “Smile”,
“width”  : 10,
“height” : 10});

Question 15

Како може да се додаде, одземе и детерминира дали некој елемент има класа?

Answer 15

.addClass()
.removeClass()
.hasClass()

Question 16

Како со помош на .css() може да променеме некој атрибут?

Answer 16

$(‘p:last’).css(‘color’,’red’);

Question 17

Како може да ја откриеме висината на div елементот?

Answer 17

$('div').height();
//ako sakame da setirame druga visina 

$(‘div’).eq(0).height(100); //sets the height of the first div element of the matched set to 100px$(‘div’).eq(0).height(“100px”); //same as previous statement

Question 18

Кога и за што служи .ready() функцијата?

Answer 18

-Оваа операција се случува откако ќе се лоадира целиот DOM документ. Добро е внатре во оваа функција да се иницијализираат други функции бидејќи прво ќе се лоадира страницата па ќе се вметнат останатите функционалности.

Question 19

Кои ефекти ги овозможува Jquery?

Answer 19

.show(“slow/fast”), .hide(“slow/fast”), .toggle(), slideUp(“slow/fast”), slideDown(“slow/fast”), slideToggle(),

Question 20

Кои анимации ги овозможува Jquery?

Answer 20

.fadeIn(), .fadeOut(), fadeTo(“fast”, 0.5);

Custom animations:
$(“div”).animate({
 width: “90%”,
opacity: 0.5,
borderWidth: “5px”
 }, 1000);

Question 21

Што се тоа interactions во Jquery?

Answer 21

Интеракциите овозможуваат корисникот да има директен пристап/интеракција со елементите.

// ex: $(‘#someDiv’).draggable();

Question 22

Што претставува АЈАХ?

Answer 22

AJAX = Asynchronous JavaScript And XML;

АЈАХ е комбинација од browser built-in XMLHttpRequest објект (што се користи за праќање барање до веб сервер) и JavaScript и HTML DOM за приказ на податоци.

АЈАХ им дозволува на веб страниците да се
update-ираат асинхроно со размена на податоци со веб сервер во позадина. Со ова се update-ираат и делови од веб страницата без никакво лоадирање.

Question 23

Прикажи со чекори како функционира АЈАХ?

Answer 23

1) Се случува настан на веб страница
2) Се креира XMLHttpRequest објект од ЈаvaScript
3) XMLHttpRequest објектот праќа барање до веб сервер.
4) Серверот го процесира барањето
5) Серверот испраќа повратна информација назад до веб страницата
6) Одговорот е вчитан од JavaScript

Question 24

За што се користи XMLHttpRequest објектот?

Answer 24

За размена на податоци со серверот во позадина.

Question 25

Како се креира XMLHttpRequest објект?

Answer 25

variable = new XMLHttpRequest();

Question 26

На кој начин може да се осигураме дека функционалностите ќе се извршат откако ќе се лоадира страницата?

Answer 26

//not a question
xhttp.onload = function() {
  // What do do when the response is ready
}

Question 27

Кои функции се користат за да се прати барање до серверот?

Answer 27

xhttp. open(method, url, async);
xhttp. send();

//method - GET or POST
//url - локација на сервер
// async - default -> True [асинхроно] / False[синхроно]

//send() - праќа барање до сервер co GET
//send(string) - праќа барање до сервер со POST

Со тоа што го сетираме async = True, праќаме барање до серверот асинхроно. Со ова, JavaScript не треба да чека за одговор од серверот, туку може во меѓувреме да извршува други скрипти.

Question 28

Како може да се земе одговорот од страна на серверот?

Answer 28

document.getElementById(“something”).innerHTML = xhttp.responseText;

Question 29

Што претставува JSON?

Answer 29

JavaScript Object Notation;
Претставува текст напишан стриктно со JavaScript нотација;
Се користи за размена на податоци меѓу компјутери.

Question 30

Која е функцијата во JavaScript што конвертира JSON стрингови во JavaScript објекти?

Answer 30

JSON.parse()

Question 31

Која е функцијата што конвертира објект во JSON стринг?

Answer 31

JSON.stringify()

Question 32

Од каков податочен тип може да бидат вредностите?

Answer 32

string,
number,
an object,
an array,
a boolean,
null.

Question 33

Како може да се креира објект и да се доделат податоци за објектот?

Answer 33

person = {name:”John”, age:31, city:”New York”};

// пристап до елементи: person.name 
// person["name"]; 
// modify data -> person.name = "Gilbert";

Question 34

Ако сакаме да ги обработеме податоците што ни се исрпатени од веб сервер на овој начин:

’{“name”:”John”, “age”:30, “city”:”New York”}’

Што треба да направеме со JSON?

Answer 34

const obj = JSON.parse(‘{“name”:”John”, “age”:30, “city”:”New York”}’);

//pristap -> x = obj.name

//moze da se parsira i niza

Question 35

Доколку имаме објект од JavaScript:

const obj = {name: “John”, age: 30, city: “New York”};

Како би можеле да го конвертираме во стринг користејќи го JSON?

Answer 35

const myJSON = JSON.stringify(obj);

Question 36

Доколку е ова зададено:

myJSON = '["Ford", "BMW", "Fiat"]';
myArray = JSON.Parse(myJSON);

Како би можеле да пристапеме до првиот елемент од низата?

Answer 36

x = myArray[0]

Question 37

Доколку ни е ова зададено:

{
"name":"John",
"age":30,
"cars":["Ford", "BMW", "Fiat"]
}
const myObj = JSON.parse(myJSON);

Како би пристапиле до првиот елемент од низата cars?

Answer 37

myObj.cars[0];