欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

HTML5-ajax

程序员文章站 2022-05-07 18:14:21
1、ajax 异步请求(能够使页面顺利加载) ——>h5中的动态选择器 ? 事件:三要素 o 事件源 触发事件的标签 #box1 o...

1、ajax

异步请求(能够使页面顺利加载)
HTML5-ajax
HTML5-ajax ——>h5中的动态选择器

? 事件:三要素
o 事件源 触发事件的标签 #box1
o 事件 点击事件 js已经提供好了
o 事件驱动函数 匿名函数 在驱动函数里面对html或者样式的修改 事件处理办法 触发事件所要执行的代码

       前端页面:
            get方式:
     ![这里写图片描述](https://img.blog.csdn.net/20170815095317978?watermark/2/text/ahr0cdovl2jsb2cuy3nkbi5uzxqvaxrzenq4odg=/font/5a6l5l2t/fontsize/400/fill/i0jbqkfcma==/dissolve/70/gravity/southeast)

HTML5-ajax
HTML5-ajax
HTML5-ajax
——> HTML5-ajax

        响应有两个(2和4)

HTML5-ajax
HTML5-ajax

HTML5-ajax
HTML5-ajax
HTML5-ajax
HTML5-ajax
post方式:
HTML5-ajax
HTML5-ajax
HTML5-ajax

    get方式给服务器请求数据:

HTML5-ajax

    post方式提交数据   需要把数据放到请求体中:

HTML5-ajax
HTML5-ajax

2、例子

HTML5-ajax
HTML5-ajax
HTML5-ajax
HTML5-ajax
HTML5-ajax
json: HTML5-ajax

HTML5-ajax

HTML5-ajax
HTML5-ajax

HTML5-ajax