How to pass array to background in ajax-JS Tutorial-php.cn

This time I will show you how ajax transfers an array to the background. What are theprecautions for ajax to transfer an array to the background? The following is a practical case, let's take a look.

Preface

We are using ajax to asynchronously submit the multi-select box to get the ID of the object that needs to be operated. At this time, we can put each Make an object with the id, then put it into an array, and then use

JSON.stringify()to format the array as json; in the background, parse our jsoncharacters in the inputStream String, then just use:

new JSONArray()Get the json array, loop to parse the attributes we want:

var countsCheckBox = $("input[type='checkbox']:checked"); var booksid = []; for(var i=0;i
        
         Copy after login

In the above js we put Put each selected id into the "book_id" attribute of mysendbook_id, and then put this object into the booksid array; use

JSON.stringify(bookid)# when sending an asynchronous request. ##Format this booksid array and get a json array.

Let’s look at how we receive it in the background:

One is to make a class with a list. This list contains a class with only one attribute for bookid, and then use The annotation

@RequestBody

is added to this formal parameter. But this is more troublesome;Another way is to get data from the input stream, use

IOUtils.toString

to convert the inputStream into a string, and then usenew JSONArray(mybooksid);Get this json arrayTo get the attribute value of book_id in each json

  @RequestMapping("selectdelbooks") public String selectdelbooks(HttpServletRequest request) throws Exception { ServletInputStream inputStream = request.getInputStream(); String mybooksid = IOUtils.toString(inputStream); JSONArray jsonarr = new JSONArray(mybooksid); List book_id =new ArrayList(); for (int i=0;i

Copy after login

In this way we get a list with the id value we selected.

Information in the database:

Multiple selection on the page:

The selection obtained in the background Book ID:

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the PHP Chinese website!