$("#openBtn").click(function(){ $.ajax({ url:"ntp1.php", type:"GET", success:function(response){ var fc = response; $("#fileContent").val(fc); } }); }); $("#saveBtn").click(function(){ var fileContent = $("#fileContent").val(); $.ajax({ url:"ntp1.php", type:"POST", data:{content:fileContent}, success:function(response){ alert("File saved successfully!"); } }); }); 优化代码
时间: 2024-02-10 09:06:02 浏览: 55
jquery $.ajax入门应用二
可以优化的地方如下:
1. 将重复的代码提取出来,避免重复书写。
2. 对于 Ajax 请求的 url 和 type 参数可以提取出来,方便维护。
3. 对于 Ajax 请求的 success 回调函数中的重复代码,也可以提取出来。
优化后的代码如下:
```
var url = "ntp1.php";
var type = "GET";
function getFileContent() {
$.ajax({
url: url,
type: type,
success: function(response) {
$("#fileContent").val(response);
}
});
}
function saveFile() {
var fileContent = $("#fileContent").val();
$.ajax({
url: url,
type: "POST",
data: { content: fileContent },
success: function(response) {
alert("File saved successfully!");
}
});
}
$("#openBtn").click(function() {
getFileContent();
});
$("#saveBtn").click(function() {
saveFile();
});
```
阅读全文