Ajax cross-origin access

I. js Ajax cross-origin:

1. Request cross-Origin data by adding the <SCRIPT> tag

2. Use the callback method to obtain data that conforms to the JS syntax.

Sample Code:

1. <SCRIPT type = "text/JavaScript">
2. // Add the <SCRIPT> label
3. Function addscripttag (SRC ){
4. VaR script = Document. createelement ('script ');
5. Script. setattribute ("type", "text/JavaScript ");
6. Script. src = SRC;
7. Document. Body. appendchild (SCRIPT );
8. }
10. Window. onload = function (){
11. // Search for Apple and pass the custom callback function name result to the callback parameter.
12. Addscripttag ("http://ajax.googleapis.com/ajax/services/search/web? V = 1.0 & Q = apple & callback = Result ");
14. }
15. // Custom callback function result
16. Function result (data ){
17. // Obtain the URL data in the first record of the apple search result.
18. Alert (data. responsedata. Results [0]. unescapedurl );
19. }
20. </SCRIPT>

 

Ii. jquery framework Ajax cross-origin:

1. Specify the ype as jsonp; otherwise, the cross-origin is unavailable.

2. Obtain response data in the callback method success

1. $. Ajax ({
2. Datatype: "jsonp", // datatype for cross-origin access must be of the jsonp type.
3. URL: request,
4. Type: "Get ",
5. Jsonp: "callbackparam ",
6. Jsonpcallback: "success ",
7. Success: function (response ){
8. $ ("# Response URL" ).html ("short address:" + response [0]. url_short );
9. },
10. Error: function (XMLHttpRequest, textstatus, errorthrown ){
11. Alert ("status" + XMLHttpRequest. status );
12. Alert ("readystate" + XMLHttpRequest. readystate );
13. Alert ("textstatus" + textstatus );
14. Alert (errorthrown );
15. }
16. });

 

Ajax cross-origin access