vscode中的ajax片段

不念不忘少年蓝@ 2022-05-06 11:30 228阅读 0赞

1.首先打开vscode找到右下角的齿轮样子图标

![70][]

2.点击打开 打开用户代码片段

![70 1][]

3.会出现一个框   搜索php

![70 2][]

4.删除里面的内容复制下面的代码

{
    	// Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and 
    	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
    	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
    	// same ids are connected.
    	// Example:
    	"express基础代码": {
    		"prefix": "express",
    		"body": [
    			"const express = require('express');",
    			"const app = express();",
    			"$1",
    			"app.listen(3000,()=>{",
    			"\tconsole.log('正在监听端口3000,http://127.0.0.1:3000');",
    			"})"
    		],
    		"description": "express基础代码"
    	},
    	"console.log": {
    		"prefix": "clg",
    		"body": [
    			"console.log($1);"
    		]
    	},
    	"ajax快捷方式": {
    		"prefix": "ajax",
    		"body": [
    			"//其他参数:beforeSend在发送之前可以使用return false取消,timeout超时时间,error,async同步还是异步",
    			"$.ajax({",
        		"\ttype:'$1',//get或post",
        		"\turl:'$2',//请求的地址",
        		"\tdata:{},//如果不需要传，则注释掉 请求的参数，a=1&b=2或{a:1,b:2}或者jq中的serialize方法，或者formData收集",
        		"\tdataType:'json',//text,json,xml,jsonp",
    			"\tsuccess:function(res){//成功的回调函数",
    			"\t\tconsole.log(res)",
    			"\t}",
    			"})"
    		]
    	}
    }

最后只要在页面输入ajax敲回车键就好

[70]: /images/20220506/f7ed6954cd4c43d08a21c421f0e7035b.png
[70 1]: /images/20220506/1abe779c0f5c4605b1dc2b89a62160cc.png
[70 2]: /images/20220506/669af4620a09452397ca80fdd8a6f455.png