＊Django中的Ajax jq的书写样式1

在Django中使用Ajax和jQuery进行交互时，可以通过以下方式编写代码：

首先，确保在HTML模板中包含了jQuery库。可以从CDN加载jQuery，如下所示：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

然后，编写Ajax调用。假设您有一个视图函数my_view，它处理Ajax请求并返回JSON响应。

HTML模板中的Ajax调用示例：

<script type="text/javascript">
$(document).ready(function(){
  $('#myButton').click(function(){
    $.ajax({
      url: '/path/to/my_view/', // Django视图的URL
      type: 'POST', // 请求类型，根据需要可以是'GET'或'POST'
      data: {
        // 这里是要发送到服务器的数据
      },
      success: function(response) {
        // 成功时的回调函数
        // 使用response来更新页面，例如：
        $('#result').html(response.result_field);
      },
      error: function(xhr, status, error) {
        // 出错时的回调函数
        console.error("An error occurred: " + status + " - " + error);
      }
    });
  });
});
</script>
 
<button id="myButton" type="button">Click me</button>
<div id="result"></div>

在Django的views.py中，您需要定义my_view：

from django.http import JsonResponse
from django.views.decorators.csrf import csrf_exempt
 
@csrf_exempt  # 如果不使用CSRF token，需要用这个装饰器
def my_view(request):
    # 处理请求数据
    # ...
 
    # 创建响应数据
    response_data = {'result_field': 'the result'}
 
    return JsonResponse(response_data)

确保在urls.py中添加对应的URL模式：

from django.urls import path
from .views import my_view
 
urlpatterns = [
    # ...
    path('path/to/my_view/', my_view, name='my_view'),
    # ...
]

这样就可以在用户点击按钮时，通过Ajax向Django后端发送请求，并在成功获取响应时更新页面内容。