ajax css样式

前几章都没有写  jquery是一个js的库  在用jquery之前得需要在前边引入jquery库

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"type="text/javascript"></script>

也可以下载下来在本地引入

 

 

ajax

AJAX可以不重新加载整个页面 加载与服务器交换的数据更新部分网页

ajax() 方法通过 HTTP 请求加载远程数据

$.ajax() 可以不带任何参数

//HTTP超文本传输协议   设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法

//XML   可扩展标记语言

HTTP请求有两种GET和POS

如果没有参数为GET请求

GET 请求可被缓存 请求保留在浏览器历史记录中 有数据长度限制

POST则没有 没有缓存 没有 浏览器历史纪录 没有数据长度限制

 

 

$(document).ready(function(){
    $('.shopCartButton').click(function(){
        //console.log($(this).attr('id'))
        $.ajax({
            url: "/shopping_list/",
            type: "POST",
            data: {id:$(this).attr('id')},   //对象或字符串
            success:function(total_count) {
                $("number").text(total_count);
            }
        })
    })
})

获取shopCarButton按钮 绑定事件 

url 地址   发送请求的地址
type 类型  POST 和GET   默认为GET 字符串类型
data 数据 
success是成功后的回调函数
找到number用total_count替换点

 

 

css设置边框  
已知可以设置一个div表格的边框为圆角   如果我们想设置它的单个圆角

比如左上 右上 左下   右下 这些都可以设置的

 

border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
左上 左下   设置圆角为5px
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
右上 右下