Day10 JS & ajax

(续) 上一节正则表达式

• 贪婪模式

1. JS内置对象 Date

• 动态时钟Demo

2. AJAX

• 2.1 JS原生AJAX

• 2.2 Jquery AJAX

记得引用 Jquery

  $.ajax({
    method:"get",
    url:"https://www.easy-mock.com/mock/5b3ae092d294426e05198b4c/ajaxTest/getTest",
    dataType:"json",
    success:function (res) {
      console.log(res)
    },
    error:function (xhr) {
      document.body.innerHTML=xhr.status
    }

  })

• Jquery get

• Jquery post

• 2.3 Axios

• 引用

• get方法

• post 方法

 let postUrl="https://www.easy-mock.com/mock/5b3ae092d294426e05198b4c/ajaxTest/postTest"
 
axios.post(postUrl).then(function (success) {
    console.log(success)

  })
    .catch(function (error) {
      console.log(error)

    })

3.Ajax跨域问题

• 跨域问题的原理

  
  
  跨域
  • 当协议，子域名，主域名，端口号，任意一个不同时,就算作不同的域。
  • 不同域之间请求资源就算做跨域。
  • Javascript出于安全性的考虑,不允许跨域调用其他页面的对象。简单理解就是因为Javascript同源策略的限制,a.com域名下的js无法操作b.com域名下的对象。

• 解决跨域
  jsonp