JQ与Ajax以及jsonp

1.jquery和get

 function getData(){
            //get 无参数
            $.get(url,function(data){
                console.log(data);
            });
            
            //get 有参数
            // $.get(url,{username:"tom",pwd:"123456"},function(data){
            //     console.log(data);
            // },'json');
        }

2.jquery和post

 function postData(){
            let url="http://localhost:5000/login";
            //post无参数
            // $.post(url,function(data){
            //     console.log(data);
            // });

            //post带有参数
            $.post(url,{username:'jack',pwd:'1234'},data=>{
                console.log(data);
            });
        }

3.3.jquery与ajax (get)

  function getData(){
            // $.ajax(baseUrl,{
            //     //成功时回调
            //     success:function(data){
            //         console.log(data);
            //     },
            //     //失败时回调
            //     error:function(err){
            //         console.log(err);
            //     }
            // });

            //get 有参数
            $.ajax({
                type:"GET",
                url:baseUrl,
                data:"username=jack",
                success:function(data){
                    console.log(data);
                }
            });
        }

4.jquery与ajax (post)

 function postData(){
            // $.ajax({
            //     type:"POST",
            //     url:baseUrl,
            //     success:function(data){
            //         console.log(data);
            //     }
            // });

           var nn= $.ajax({
                type:"POST",
                url:`${baseUrl}/login`,
                data:"username=jack",
                success:function(data){
                    console.log(data);
                }
            });

        }

jsonp

  function getData(){
            let JSOP=document.createElement('script');
            JSOP.src="https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=java&code=utf-8&json=1&p=3&req=2&cb=fn";
            document.body.append(JSOP);
        }

        //函数
        function fn(data){
            console.log('hello。。。。。');
            console.log(data);
        }

找地址后的回调函数，在代码块后编写回调函数，另一种的解决跨域问题！