jsonp跨域 ajax+JQuery+ node 後臺

ajax jsonp跨域

jquery+node jsonp 跨域

<script src="https://cdn.bootcss.com/jquery/1.12.3/jquery.js"></script>
<script type="text/javascript">
    $(function(){
        const baseUrl = 'http://127.0.0.1:3000/api'
        
     	$.ajax({
        	type: "get",
        	url: baseUrl,
        	dataType: 'jsonp',
        	jsonp: 'callback',
        	success(data) {
        		// 獲取了數據就能實現你的操作了
          		console.log(data);
        	}
	     });

    });
</script>

node 後臺

const express = require('express')
const app = express()

app.get('/api', (req, res) => {
  const {
    callback = Function.prototype
  } = req.query
  const data = {
    "uname": "張三",
    "age": 18
  }
  res.send(`${callback}(${JSON.stringify(data)})`)
})

app.listen(3000, () => console.log(`http://127.0.0.1:3000/api`))

網頁截圖