首 页 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 尾 页

appie Ajax A1

发布者: superzhang | 发布时间:2017-11-25

appie Ajax A1

appie Ajax A1

appie Ajax A1

想读更多 ->

web前端开发中的Ajax是什么?如何理解Ajax中的XMLHttpRequest对象?

发布者: superzhang | 发布时间:2017-11-25

欢迎大神评论指正!欢迎关注前端小白一锅!

什么是Ajax?

Ajax是无需刷新页面就能够从服务器取得数据的一种方法。它的出现使得向服务器请求额外的数据而无需卸载页面,从而带来了更好地用户体验。

Ajax全称为Asynchronous JavaScript and HTML,即异步获取数据的概念,是Jesse James Garrett在2005年提出的一种新的客户端与服务器数据交换方法。

XMLHttpRequest对象

负责Ajax运作的核心对象是XMLHttpRequest(XHR)对象。

该对象有5个关键属性,在进行Ajax通信时有着关键的作用。responseText(作为响应主体被返回的文本)、responseXML(如果响应的内容类型是“text/xml”或“application/xml”,这个属性中将保存包含着响应数据的XML DOM文档)、status(响应的HTTP状态)、statusText(HTTP状态的说明)、readyState(表示请求/响应过程的当前活动阶段)。

readyState有0到4一共5个取值,每当readyState的值发生变化时,都会触发一次readystatechange事件。

readyState:0(未初始化,表示尚未调用open()方法);

r

想读更多 ->

jQuery - AJAX load() 方法

发布者: superzhang | 发布时间:2017-11-25

jQuery load() 方法

jQuery load() 方法是简单但强大的 AJAX 方法。

load() 方法从服务器加载数据,并把返回的数据放入被选元素中。

语法:

$(selector).load(URL,data,callback);

必需的 URL 参数规定您希望加载的 URL。

可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。

可选的 callback 参数是 load() 方法完成后所执行的函数名称。

这是示例文件("demo_test.txt")的内容:

<h2>jQuery AJAX 是个非常棒的功能!</h2><pid="p1">这是段落的一些文本。</p>

下面的例子会把文件 "demo_test.txt" 的内容加载到指定的 <div> 元素中:

实例

$("#div1").load("demo_test.txt");

jQu</p><p><a href='internet/internet_228883.html'> 想读更多 -></a></p></div><div class='art bs'><h1><a href='internet/internet_228882.html'>跨域的解决方案之jsonp</a></h1><span class='art_des'>发布者: superzhang | 发布时间:2017-11-25</span><p><p>在进行网站开发的过程中经常会遇到跨域问题。跨域指的是一个域名的网页无法请求另一个域名的资源,它是由浏览器的同源策略造成的,同源是指域名,协议,端口均相同,只要协议、域名、端口有任何一个不同,都被当作是不同的域。而 html的<script> 元素是一个例外,浏览器一般不对script,img等进行跨域限制,利用 <script> 元素的这个开放策略,网页可以得到从其他来源动态产生的 json 资料,而这种使用模式就是所谓的 jsonp。</p><p>本文讲解用jsonp解决跨域问题的原理。</p><p>jsonp是一种非官方跨域数据交互协议,该协议允许用户传递一个callback参数给服务端,然后服务端返回数据时会将这个callback参数作为函数名来包裹住json数据,这样客户端就可以随意定制自己的函数来自动处理返回数据了。简而言之,jsonp可以让网页从别的网域要资料。jsonp也叫填充式json,是应用json的一种新方法,只不过是被包含在函数调用中的json,如callback({

如:在a.com的网站上引用了b.com的一个b.js,但这样跨域的引用并不会产生错误,说明调用js文件时不受跨域的影响。

JSONP跨域问题的解决方法

翻译:shan66

预估稿费:200RMB

投稿方式:发送邮件至linwei#360.cn,或登陆网页版在线投稿

JSONP注入是一种鲜为人知却又相当普遍和危险的漏洞。JSONP是随着最近几年JSON、Web API的迅速崛起和对跨域通信的迫切需要而应运而生的。

什么是JSONP?

这里我们假设大家都已经了解JSON了,所以下面直接开始讨论JSONP。JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。

让我们举个例子。 我们的网上银行应用程序,http://verysecurebank.ro,已实现一个API调用,可以用来返回当前用户的交易数据。

这样,通过向http://verysecurebank.ro/getAccountTransactions 端点发送HTTP请求,我们就能得到JSON格式的交易数据:

2、basePackages = { "com.xtt.txgl.home.controller",“” })指定拦截目录过滤

3、AbstractJsonpResponseBodyAdvice 继承支出jsonp拦截请求,如果是请求中存在 callback 或 json字符,默认采用是需要处理

4、 public JsonpController() { 初始化类默认调用构造器,初始化父类拦截符号

super("callback", "jsonp");

}

5、示例:

/**

* 采用JSONP请求过滤,自动回调事件处理

*

* @ClassName: JsonpController

* @date: 2017年9月6日 下午3:33:06

* @version: V1.0

*/

@ControllerAdvice(basePackages = { "com.xtt.txgl.home.controller" })

public class JsonpContr

想读更多 ->

以请求百度数据为例浅析JS中JsonP跨域问题原理

发布者: superzhang | 发布时间:2017-11-25

跨域请求是指一个域名下的文件去请求另一个域名下的资源时,就会产生跨域请求。

在说jsonP跨域请求方式之前先回顾一下Ajax:

以请求百度数据为例浅析JS中JsonP跨域问题原理

请求01.txt文件的内容

body有一个按钮,点击的时候发送get请求请求本域名下的01.txt文件(里面内容为:又帅又爱笑)。

这是能够成功的,页面弹出了:又帅又爱笑。但是当我们请求别的域名下的文件时就会报错。

下面是小编在深圳的一个服务器(小编刚写的一个不太成熟的个人网站)上写的一个文本内容:

以请求百度数据为例浅析JS中JsonP跨域问题原理

另一个服务器上01.txt

想读更多 ->

JSONP - 带你认识什么是JSONP

发布者: superzhang | 发布时间:2017-11-25

注:小编是一个有轻微处女座情节的人,所以很多内容为了方便阅读和格式美观,我都做成了图片,上传后头条都压缩了图片质量,但是不影响大家阅读,因为可以点击放大,哇哈哈!

提到JSONP,我当时在网上找了无数帖子也没有看懂它。那些文章大同小异,都是讲到JSONP原理以后就戛然而止,把我们这些初学者搞得云里雾里。所以,写下这篇文章,希望对大家有帮助!

为什么要有JSONP

回答这个问题之前,大家先想想什么是AJAX,JSONP就是一种能够解决AJAX办不到的事情而存在的一种取数据的技术。什么事情是AJAX办不到的呢?就是跨域!

跨域:顾名思义,就是当前网页的地址和我们要取的数据地址不在一个域下。这是因为浏览器都有一个“同源策略”— 两个页面的域名必须在同域的情况下,才能允许通信。

怎么才算一个域呢?

相同域名,相同端口,相同协议(因为不是这里的重点,大家可以请教Google)

“同源策略”的意义:“同源策略”有效地阻止了一些危险行为,比如你进入www.aaa.com,同时浏览器又开了一个www.bbb.com,如果这个www.bbb.com是一个木马网站,在没有“同源策略”的情况下,它就可能嵌入一些代码,来取得你在www.aaa.com的信息(因为这时两个页面是可以通信的) 。而正是因为有了“同源策略”

想读更多 ->

从 AJAX 到 JSONP的基础学习

发布者: superzhang | 发布时间:2017-11-25

目录索引:

一、AJAX的概念

二、POST && GET

三、原生实现AJAX简单示例

3.1 实现代码

3.2 重点说明

四、框架隐藏域

4.1 基本概念

4.2 后台写入脚本

4.3 JS主动判断Iframe的改变

4.4 表单提交数据实战

五、JQ 的 AJAX

5.1 load()

5.2 $.get()

5.3 $.post()

5.4 $.getScript()

5.5 $.getJson()

5.6 $.ajax()

a. 常用的属性说明

b. 常用的事件说明

c. 全局事件说明

d. $.ajaxSetup()

5.7 AJAX的再次封装

5.8 序列化表单

六、JSONP的概念

6.1 JSONP的概念

6.2 自己封装的JSONP

6.3 JQ的JSONP使用。

一、

AJAX的概念

AJAX(Asynchronous JavaScript And XML) 中文翻译即“异步的Java

想读更多 ->