你写的不对请换一种方法
时间: 2024-01-28 19:02:59 浏览: 21
非常抱歉,如果我的回答不符合你的需求。以下是另一种常见的方法来修改Ajax返回前后的button样式:
1. 首先,在CSS样式文件中定义两种不同的button样式,比如`.before-ajax`和`.after-ajax`。
```css
.before-ajax {
/* 在Ajax请求之前的button样式 */
color: red;
background-color: blue;
}
.after-ajax {
/* 在Ajax请求之后的button样式 */
color: green;
background-color: yellow;
}
```
2. 在页面加载时,为button添加初始样式类`.before-ajax`。
```html
<button id="your-button-id" class="before-ajax">按钮</button>
```
3. 在Ajax请求的回调函数中,移除初始样式类`.before-ajax`,并添加新的样式类`.after-ajax`。
```javascript
$.ajax({
url: "your-url",
method: "GET",
success: function(response) {
// Ajax请求成功后的处理
// 修改button样式
$("#your-button-id").removeClass("before-ajax").addClass("after-ajax");
}
});
```
上述代码中,你需要将"your-url"替换为你的Ajax请求的URL,将"your-button-id"替换为你需要修改样式的button的ID。
通过添加和移除样式类,你可以在Ajax请求之前和之后分别应用两种不同的button样式,从而实现前后样式不一致的效果。